From a5589d40e2ac07e13b36cbca2ccbdd891c956719 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 24 Mar 2022 08:49:48 +0000 Subject: [PATCH] Specify userMenu width (#8089) Fixes https://github.com/vector-im/element-web/issues/21486 Signed-off-by: Suguru Hirahara --- res/css/structures/_UserMenu.scss | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/res/css/structures/_UserMenu.scss b/res/css/structures/_UserMenu.scss index 351d938995..90b825c886 100644 --- a/res/css/structures/_UserMenu.scss +++ b/res/css/structures/_UserMenu.scss @@ -64,9 +64,13 @@ limitations under the License. } } -.mx_UserMenu_contextMenu { - width: 258px; +.mx_IconizedContextMenu { + &.mx_UserMenu_contextMenu { + width: 258px; + } +} +.mx_UserMenu_contextMenu { &.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList_red { .mx_AccessibleButton { padding-top: 16px; @@ -87,12 +91,15 @@ limitations under the License. flex-direction: column; width: calc(100% - 40px); // 40px = 32px theme button + 8px margin to theme button - * { - // Automatically grow all subelements to fit the container + .mx_UserMenu_contextMenu_displayName, + .mx_UserMenu_contextMenu_userId { + font-size: $font-15px; + + // Automatically grow subelements to fit the container flex: 1; width: 100%; - // Ellipsize any text overflow + // Ellipsize text overflow text-overflow: ellipsis; overflow: hidden; white-space: nowrap; @@ -100,12 +107,10 @@ limitations under the License. .mx_UserMenu_contextMenu_displayName { font-weight: bold; - font-size: $font-15px; line-height: $font-20px; } .mx_UserMenu_contextMenu_userId { - font-size: $font-15px; line-height: $font-24px; } }