message: Add tooltips to the Message Action Bar
diff: @@ -22,11 +22,11 @@ import PropTypes from 'prop-types';
  import { _t } from '../../../languageHandler';
  import * as sdk from '../../../index';
  import dis from '../../../dispatcher/dispatcher';
  -import {aboveLeftOf, ContextMenu, ContextMenuButton, useContextMenu} from '../../structures/ContextMenu';
  +import {aboveLeftOf, ContextMenu, ContextMenuTooltipButton, useContextMenu} from '../../structures/ContextMenu';
  import { isContentActionable, canEditContent } from '../../../utils/EventUtils';
  import RoomContext from "../../../contexts/RoomContext";
  import Toolbar from "../../../accessibility/Toolbar";
  -import {RovingAccessibleButton, useRovingTabIndex} from "../../../accessibility/RovingTabIndex";
  +import {RovingAccessibleTooltipButton, useRovingTabIndex} from "../../../accessibility/RovingTabIndex";
  const OptionsButton = ({mxEvent, getTile, getReplyThread, permalinkCreator, onFocusChange}) => {
  const [menuDisplayed, button, openMenu, closeMenu] = useContextMenu();
  @@ -55,9 +55,9 @@ const OptionsButton = ({mxEvent, getTile, getReplyThread, permalinkCreator, onFo
  }
  return <React.Fragment>
  - <ContextMenuButton
  + <ContextMenuTooltipButton
  className="mx_MessageActionBar_maskButton mx_MessageActionBar_optionsButton"
  - label={_t("Options")}
  + title={_t("Options")}
  onClick={openMenu}
  isExpanded={menuDisplayed}
  inputRef={ref}
  @@ -86,9 +86,9 @@ const ReactButton = ({mxEvent, reactions, onFocusChange}) => {
  }
  return <React.Fragment>
  - <ContextMenuButton
  + <ContextMenuTooltipButton
  className="mx_MessageActionBar_maskButton mx_MessageActionBar_reactButton"
  - label={_t("React")}
  + title={_t("React")}
  onClick={openMenu}
  isExpanded={menuDisplayed}
  inputRef={ref}
  @@ -167,7 +167,7 @@ export default class MessageActionBar extends React.PureComponent {
  );
  }
  if (this.context.canReply) {
  - replyButton = <RovingAccessibleButton
  + replyButton = <RovingAccessibleTooltipButton
  className="mx_MessageActionBar_maskButton mx_MessageActionBar_replyButton"
  title={_t("Reply")}
  onClick={this.onReplyClick}
  @@ -175,7 +175,7 @@ export default class MessageActionBar extends React.PureComponent {
  }
  }
  if (canEditContent(this.props.mxEvent)) {
  - editButton = <RovingAccessibleButton
  + editButton = <RovingAccessibleTooltipButton
  className="mx_MessageActionBar_maskButton mx_MessageActionBar_editButton"
  title={_t("Edit")}
  onClick={this.onEditClick}
  