OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

Fixes: vector-im/element-web#22627
pull/28217/head
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; padding: 0 2px 8px;
border-bottom: 1px solid $quinary-content; border-bottom: 1px solid $quinary-content;
margin: 12px 14px 4px 18px; 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 { .mx_UserMenu_name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: var(--cpd-font-weight-semibold); font-weight: var(--cpd-font-weight-semibold);
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; 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 ( return (
<div className="mx_UserMenu"> <div className="mx_UserMenu">
<ContextMenuButton <ContextMenuButton
className="mx_UserMenu_contextMenuButton"
onClick={this.onOpenMenuClick} onClick={this.onOpenMenuClick}
inputRef={this.buttonRef} inputRef={this.buttonRef}
label={_t("User menu")} 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-expanded="false"
aria-haspopup="true" aria-haspopup="true"
aria-label="User menu" aria-label="User menu"
class="mx_AccessibleButton" class="mx_AccessibleButton mx_UserMenu_contextMenuButton"
role="button" role="button"
tabindex="0" tabindex="0"
title="User menu" title="User menu"