diff --git a/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg b/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg new file mode 100644 index 00000000..48a531e0 --- /dev/null +++ b/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index c6c18445..f73f5edd 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -448,8 +448,7 @@ a { } .RoomHeader .room-options { - font-weight: bold; - font-size: 1.5rem; + background-image: url("./icons/vertical-ellipsis.svg"); } .RoomView_error { @@ -932,4 +931,4 @@ button.link { .UnknownRoomView button { max-width: 200px; width: 100%; -} \ No newline at end of file +} diff --git a/src/platform/web/ui/session/room/RoomView.js b/src/platform/web/ui/session/room/RoomView.js index fff875b8..f89e2fff 100644 --- a/src/platform/web/ui/session/room/RoomView.js +++ b/src/platform/web/ui/session/room/RoomView.js @@ -46,8 +46,9 @@ export class RoomView extends TemplateView { ]), t.button({ className: "button-utility room-options", + "aria-label":vm.i18n`Room options`, onClick: evt => this._toggleOptionsMenu(evt) - }, "⋮") + }) ]), t.div({className: "RoomView_body"}, [ t.div({className: "RoomView_error"}, vm => vm.error),