diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss index e8b8d8eb04..e6f4988aae 100644 --- a/res/css/structures/_SpacePanel.pcss +++ b/res/css/structures/_SpacePanel.pcss @@ -370,6 +370,7 @@ limitations under the License. padding: 0 2px 8px; border-bottom: 1px solid $quinary-content; margin: 12px 14px 4px 18px; + max-width: 226px; } } diff --git a/res/css/structures/_UserMenu.pcss b/res/css/structures/_UserMenu.pcss index f37fbb7f08..e2e68746c2 100644 --- a/res/css/structures/_UserMenu.pcss +++ b/res/css/structures/_UserMenu.pcss @@ -46,7 +46,14 @@ limitations under the License. } } + .mx_UserMenu_contextMenuButton { + width: 100%; + } + .mx_UserMenu_name { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; font-weight: var(--cpd-font-weight-semibold); font-size: $font-15px; line-height: $font-24px; diff --git a/src/components/structures/UserMenu.tsx b/src/components/structures/UserMenu.tsx index 2968c9eff3..b031274bf8 100644 --- a/src/components/structures/UserMenu.tsx +++ b/src/components/structures/UserMenu.tsx @@ -446,6 +446,7 @@ export default class UserMenu extends React.Component { return (
when rendered should render as expected 1`] = ` aria-expanded="false" aria-haspopup="true" aria-label="User menu" - class="mx_AccessibleButton" + class="mx_AccessibleButton mx_UserMenu_contextMenuButton" role="button" tabindex="0" title="User menu"