sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Fix layout of user status dropdown (#34668)

Browse Source 
* Bump to compound 10.0.1

For fix to the dropdown menu layout

* Snapshot
This commit is contained in:
David Baker
2026-08-12 10:20:52 +00:00
committed by GitHub
parent badb35bd1f
commit 5349566611
3 changed files with 104 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap
+96 -72
View File
@@ -345,13 +345,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
💬
</span>
<span> <span>
In a meeting <span
class="SetStatusView-module_dropdownEmoji"
>
💬
</span>
<span>
In a meeting
</span>
</span> </span>
</li> </li>
@@ -360,13 +362,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
💡
</span>
<span> <span>
Focus Time <span
class="SetStatusView-module_dropdownEmoji"
>
💡
</span>
<span>
Focus Time
</span>
</span> </span>
</li> </li>
@@ -375,13 +379,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
🚙
</span>
<span> <span>
On the road <span
class="SetStatusView-module_dropdownEmoji"
>
🚙
</span>
<span>
On the road
</span>
</span> </span>
</li> </li>
@@ -390,13 +396,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
☕️
</span>
<span> <span>
Be right back <span
class="SetStatusView-module_dropdownEmoji"
>
☕️
</span>
<span>
Be right back
</span>
</span> </span>
</li> </li>
@@ -405,13 +413,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
🌴
</span>
<span> <span>
Away <span
class="SetStatusView-module_dropdownEmoji"
>
🌴
</span>
<span>
Away
</span>
</span> </span>
</li> </li>
@@ -420,13 +430,15 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
✍️
</span>
<span> <span>
Custom… <span
class="SetStatusView-module_dropdownEmoji"
>
✍️
</span>
<span>
Custom…
</span>
</span> </span>
</li> </li>
@@ -821,13 +833,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
💬
</span>
<span> <span>
In a meeting <span
class="SetStatusView-module_dropdownEmoji"
>
💬
</span>
<span>
In a meeting
</span>
</span> </span>
</li> </li>
@@ -836,13 +850,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
💡
</span>
<span> <span>
Focus Time <span
class="SetStatusView-module_dropdownEmoji"
>
💡
</span>
<span>
Focus Time
</span>
</span> </span>
</li> </li>
@@ -851,13 +867,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
🚙
</span>
<span> <span>
On the road <span
class="SetStatusView-module_dropdownEmoji"
>
🚙
</span>
<span>
On the road
</span>
</span> </span>
</li> </li>
@@ -866,13 +884,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
☕️
</span>
<span> <span>
Be right back <span
class="SetStatusView-module_dropdownEmoji"
>
☕️
</span>
<span>
Be right back
</span>
</span> </span>
</li> </li>
@@ -881,13 +901,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
🌴
</span>
<span> <span>
Away <span
class="SetStatusView-module_dropdownEmoji"
>
🌴
</span>
<span>
Away
</span>
</span> </span>
</li> </li>
@@ -896,13 +918,15 @@ exports[`UserMenu > renders an open menu 1`] = `
role="option" role="option"
tabindex="0" tabindex="0"
> >
<span
class="SetStatusView-module_dropdownEmoji"
>
✍️
</span>
<span> <span>
Custom… <span
class="SetStatusView-module_dropdownEmoji"
>
✍️
</span>
<span>
Custom…
</span>
</span> </span>
</li> </li>
pnpm-lock.yaml
Generated
+7 -7
View File
@@ -222,8 +222,8 @@ catalogs:
specifier: 10.2.1 specifier: 10.2.1
version: 10.2.1 version: 10.2.1
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 10.0.0 specifier: 10.0.1
version: 10.0.0 version: 10.0.1
'@vitejs/plugin-react': '@vitejs/plugin-react':
specifier: 6.0.5 specifier: 6.0.5
version: 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) version: 10.2.1(@types/react@19.2.18)(react@19.2.8)
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 'catalog:' 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': '@vector-im/matrix-wysiwyg':
specifier: 2.40.0 specifier: 2.40.0
version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.8) version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.8)
@@ -1505,7 +1505,7 @@ importers:
version: typescript@7.0.2 version: typescript@7.0.2
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 'catalog:' 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': '@vitejs/plugin-react':
specifier: 'catalog:' specifier: 'catalog:'
version: 6.0.5(vite@8.2.0) version: 6.0.5(vite@8.2.0)
@@ -6585,8 +6585,8 @@ packages:
react: react:
optional: true optional: true
'@vector-im/compound-web@10.0.0': '@vector-im/compound-web@10.0.1':
resolution: {integrity: sha512-Gdxi+MjOTds1QwXw1bFy6NQnTgynNeSCmmOS7Q9c7pogaZQlpEYaEu6mPXww6T6TwBRgK7MNDXvF3k5C8h653Q==} resolution: {integrity: sha512-CT3aGMalPSf53o3JUbBF7EA10Rfp+auftIuBwOUSna+hfZ/zPxGLTFcuCuOJ7L8hrzijM+V4I8L0PUkfyOczpg==}
peerDependencies: peerDependencies:
'@fontsource/inconsolata': ^5 '@fontsource/inconsolata': ^5
'@fontsource/inter': ^5 '@fontsource/inter': ^5
@@ -19145,7 +19145,7 @@ snapshots:
'@types/react': 19.2.18 '@types/react': 19.2.18
react: 19.2.8 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: dependencies:
'@floating-ui/react': 0.27.17(react-dom@19.2.8)(react@19.2.8) '@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) '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8)(react@19.2.8)
pnpm-workspace.yaml
+1 -1
View File
@@ -27,7 +27,7 @@ catalog:
"playwright-core": 1.61.1 "playwright-core": 1.61.1
# Compound # Compound
"@vector-im/compound-design-tokens": 10.2.1 "@vector-im/compound-design-tokens": 10.2.1
"@vector-im/compound-web": 10.0.0 "@vector-im/compound-web": 10.0.1
# i18n # i18n
matrix-web-i18n: 3.6.0 matrix-web-i18n: 3.6.0
# emojibase # emojibase