imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Put the right-click message context menu to the right (#8339)

Browse source 
* Improve `alwaysAboveRightOf()` typing

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Improve typing of `alwaysAboveLeftOf()`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Add `aboveRightOf()`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Use `aboveRightOf()`

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix typo

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-04-17 15:50:13 +02:00 • committed by GitHub
parent 741b13ab6f
commit 7c41b8612d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/views/rooms/EventTile.tsx
View file

@ -39,7 +39,7 @@ import { E2EState } from "./E2EIcon";
import { toRem } from "../../../utils/units";
import RoomAvatar from "../avatars/RoomAvatar";
import MessageContextMenu, { IEventTileOps } from "../context_menus/MessageContextMenu";
import { aboveLeftOf } from '../../structures/ContextMenu';
import { aboveRightOf } from '../../structures/ContextMenu';
import { objectHasDiff } from "../../../utils/objects";
import Tooltip from "../elements/Tooltip";
import EditorStateTransfer from "../../../utils/EditorStateTransfer";
@ -230,7 +230,7 @@ interface IState {
// Position of the context menu
contextMenu?: {
position: Pick<DOMRect, "right" | "top" | "bottom">;
position: Pick<DOMRect, "top" | "left" | "bottom">;
showPermalink?: boolean;
};
@ -972,7 +972,7 @@ export class UnwrappedEventTile extends React.Component<IProps, IState> {
this.setState({
contextMenu: {
position: {
right: ev.clientX,
left: ev.clientX,
top: ev.clientY,
bottom: ev.clientY,
},
@ -1017,7 +1017,7 @@ export class UnwrappedEventTile extends React.Component<IProps, IState> {
return (
<MessageContextMenu
{...aboveLeftOf(this.state.contextMenu.position)}
{...aboveRightOf(this.state.contextMenu.position)}
mxEvent={this.props.mxEvent}
permalinkCreator={this.props.permalinkCreator}
eventTileOps={eventTileOps}