From 534956661178b0523a7e5ee3f3c3daad07eed19b Mon Sep 17 00:00:00 2001 From: David Baker Date: Wed, 12 Aug 2026 11:20:52 +0100 Subject: [PATCH] Fix layout of user status dropdown (#34668) * Bump to compound 10.0.1 For fix to the dropdown menu layout * Snapshot --- .../__snapshots__/UserMenu.test.tsx.snap | 168 ++++++++++-------- pnpm-lock.yaml | 14 +- pnpm-workspace.yaml | 2 +- 3 files changed, 104 insertions(+), 80 deletions(-) diff --git a/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap b/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap index eca6f19cc5..60c55bd9cb 100644 --- a/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap +++ b/packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap @@ -345,13 +345,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - 💬 - - In a meeting + + 💬 + + + In a meeting + @@ -360,13 +362,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - 💡 - - Focus Time + + 💡 + + + Focus Time + @@ -375,13 +379,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - 🚙 - - On the road + + 🚙 + + + On the road + @@ -390,13 +396,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - ☕️ - - Be right back + + ☕️ + + + Be right back + @@ -405,13 +413,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - 🌴 - - Away + + 🌴 + + + Away + @@ -420,13 +430,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = ` role="option" tabindex="0" > - - ✍️ - - Custom… + + ✍️ + + + Custom… + @@ -821,13 +833,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - 💬 - - In a meeting + + 💬 + + + In a meeting + @@ -836,13 +850,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - 💡 - - Focus Time + + 💡 + + + Focus Time + @@ -851,13 +867,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - 🚙 - - On the road + + 🚙 + + + On the road + @@ -866,13 +884,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - ☕️ - - Be right back + + ☕️ + + + Be right back + @@ -881,13 +901,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - 🌴 - - Away + + 🌴 + + + Away + @@ -896,13 +918,15 @@ exports[`UserMenu > renders an open menu 1`] = ` role="option" tabindex="0" > - - ✍️ - - Custom… + + ✍️ + + + Custom… + diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 788f4815dd..092cb4ce5b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -222,8 +222,8 @@ catalogs: specifier: 10.2.1 version: 10.2.1 '@vector-im/compound-web': - specifier: 10.0.0 - version: 10.0.0 + specifier: 10.0.1 + version: 10.0.1 '@vitejs/plugin-react': specifier: 6.0.5 version: 6.0.5 @@ -558,7 +558,7 @@ importers: version: 10.2.1(@types/react@19.2.18)(react@19.2.8) '@vector-im/compound-web': specifier: 'catalog:' - version: 10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8) + version: 10.0.1(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8) '@vector-im/matrix-wysiwyg': specifier: 2.40.0 version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.8) @@ -1505,7 +1505,7 @@ importers: version: typescript@7.0.2 '@vector-im/compound-web': specifier: 'catalog:' - version: 10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8) + version: 10.0.1(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8) '@vitejs/plugin-react': specifier: 'catalog:' version: 6.0.5(vite@8.2.0) @@ -6585,8 +6585,8 @@ packages: react: optional: true - '@vector-im/compound-web@10.0.0': - resolution: {integrity: sha512-Gdxi+MjOTds1QwXw1bFy6NQnTgynNeSCmmOS7Q9c7pogaZQlpEYaEu6mPXww6T6TwBRgK7MNDXvF3k5C8h653Q==} + '@vector-im/compound-web@10.0.1': + resolution: {integrity: sha512-CT3aGMalPSf53o3JUbBF7EA10Rfp+auftIuBwOUSna+hfZ/zPxGLTFcuCuOJ7L8hrzijM+V4I8L0PUkfyOczpg==} peerDependencies: '@fontsource/inconsolata': ^5 '@fontsource/inter': ^5 @@ -19145,7 +19145,7 @@ snapshots: '@types/react': 19.2.18 react: 19.2.8 - '@vector-im/compound-web@10.0.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)': + '@vector-im/compound-web@10.0.1(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.3.0)(@types/react-dom@19.2.3)(@types/react@19.2.18)(@vector-im/compound-design-tokens@10.2.1)(react-dom@19.2.8)(react@19.2.8)': dependencies: '@floating-ui/react': 0.27.17(react-dom@19.2.8)(react@19.2.8) '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8) diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index f82efcbaef..124da192d8 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -27,7 +27,7 @@ catalog: "playwright-core": 1.61.1 # Compound "@vector-im/compound-design-tokens": 10.2.1 - "@vector-im/compound-web": 10.0.0 + "@vector-im/compound-web": 10.0.1 # i18n matrix-web-i18n: 3.6.0 # emojibase