PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update "jump to related event" for design requirements & dev tooling (#8652)

Browse source
This commit is contained in:
Travis Ralston 2022-05-20 08:07:00 -06:00 committed by GitHub
parent 804ddbb332
commit 025fb631b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/context_menus/_MessageContextMenu.scss
View file

@ -111,6 +111,6 @@ limitations under the License.
}
.mx_MessageContextMenu_jumpToEvent::before {
mask-image: url('$(res)/img/element-icons/left-arrow.svg');
mask-image: url('$(res)/img/element-icons/child-relationship.svg');
}
}

1
res/img/element-icons/child-relationship.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><rect width="4" height="4" x="2" y="2" fill="#737D8C" rx="1"/><path fill="#737D8C" fill-rule="evenodd" d="M5.5 11.25a.75.75 0 0 1-.75-.75V8a.75.75 0 0 0-1.5 0v2.5a2.25 2.25 0 0 0 2.25 2.25H8a.75.75 0 0 0 0-1.5H5.5Z" clip-rule="evenodd"/><rect width="4" height="4" x="10" y="10" fill="#737D8C" rx="1"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 402 B

1
res/img/element-icons/left-arrow.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#17191C" fill-rule="evenodd" d="M7.138 3.53c.26.26.26.682 0 .942L4.276 7.334h9.057a.667.667 0 1 1 0 1.333H4.276l2.862 2.862a.667.667 0 0 1-.943.943l-4-4a.667.667 0 0 1 0-.943l4-4c.26-.26.683-.26.943 0Z" clip-rule="evenodd"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 337 B

2
src/components/views/context_menus/MessageContextMenu.tsx
View file

@ -499,7 +499,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
let jumpToRelatedEventButton: JSX.Element;
const relatedEventId = mxEvent.getWireContent()?.["m.relates_to"]?.event_id;
if (relatedEventId) {
if (relatedEventId && SettingsStore.getValue("developerMode")) {
jumpToRelatedEventButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_jumpToEvent"