From 5e98cbf409c82940fe1f385f363becbdae6d4b9e Mon Sep 17 00:00:00 2001 From: Florian Duros Date: Fri, 9 Aug 2024 16:15:17 +0200 Subject: [PATCH] Fix user menu font (#12879) --- playwright/e2e/user-menu/user-menu.spec.ts | 1 + .../user-menu.spec.ts/user-menu-linux.png | Bin 0 -> 11653 bytes res/css/structures/_UserMenu.pcss | 2 +- 3 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png diff --git a/playwright/e2e/user-menu/user-menu.spec.ts b/playwright/e2e/user-menu/user-menu.spec.ts index d727ae7b12..84e849c156 100644 --- a/playwright/e2e/user-menu/user-menu.spec.ts +++ b/playwright/e2e/user-menu/user-menu.spec.ts @@ -25,5 +25,6 @@ test.describe("User Menu", () => { await expect(menu.locator(".mx_UserMenu_contextMenu_displayName", { hasText: user.displayName })).toBeVisible(); await expect(menu.locator(".mx_UserMenu_contextMenu_userId", { hasText: user.userId })).toBeVisible(); + await expect(menu).toMatchScreenshot("user-menu.png"); }); }); diff --git a/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png b/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f713a7dc9837302c80ea7d934de5681dd3fbfd34 GIT binary patch literal 11653 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 literal 0 HcmV?d00001 diff --git a/res/css/structures/_UserMenu.pcss b/res/css/structures/_UserMenu.pcss index 5f8a6a70a1..c60f6c5850 100644 --- a/res/css/structures/_UserMenu.pcss +++ b/res/css/structures/_UserMenu.pcss @@ -111,7 +111,7 @@ limitations under the License. .mx_UserMenu_contextMenu_displayName, .mx_UserMenu_contextMenu_userId { - font: var(--cpd-font-heading-sm-regular); + font: var(--cpd-font-body-lg-regular); /* Automatically grow subelements to fit the container */ flex: 1;