mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-23 03:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

Limit width of user menu in space panel (#11192)

Browse source 
Fixes: vector-im/element-web#22627
This commit is contained in:
Johannes Marbach 2023-07-06 00:00:03 +02:00 committed by GitHub
parent 8107f1d271
commit 3f20675b93
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/structures/_SpacePanel.pcss
View file

@ -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;
}
}

7
res/css/structures/_UserMenu.pcss
View file

@ -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;

1
src/components/structures/UserMenu.tsx
View file

@ -446,6 +446,7 @@ export default class UserMenu extends React.Component<IProps, IState> {
return (
<div className="mx_UserMenu">
<ContextMenuButton
className="mx_UserMenu_contextMenuButton"
onClick={this.onOpenMenuClick}
inputRef={this.buttonRef}
label={_t("User menu")}

2
test/components/structures/__snapshots__/UserMenu-test.tsx.snap
View file

@ -9,7 +9,7 @@ exports[`<UserMenu> 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"