diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2025-02-13 00:00:45 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-02-13 00:00:45 +0000 |
| commit | db25f95c33121da9d04a02dc2e77929a5d24a5ce (patch) | |
| tree | 8d86126e83f032ac6b20e3de8f1a346ebf93a863 /src/components | |
| parent | b37199a5a02e9957d3f564035004a39190c91a62 (diff) | |
| download | voidsky-db25f95c33121da9d04a02dc2e77929a5d24a5ce.tar.zst | |
Improved search language select (#7591)
* replace with Menu * new icon for native * hackfix radix dropdown height * fix jsx * reduce language names with lots of variants to what firefox returns from Intl.DisplayNames * more language label simplifications * add collision padding * adjust spacing around and left align title
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Menu/index.web.tsx | 7 | ||||
| -rw-r--r-- | src/components/icons/Chevron.tsx | 4 |
2 files changed, 8 insertions, 3 deletions
diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx index eb52895d4..eb91e014f 100644 --- a/src/components/Menu/index.web.tsx +++ b/src/components/Menu/index.web.tsx @@ -184,6 +184,7 @@ export function Outer({ <DropdownMenu.Portal> <DropdownMenu.Content sideOffset={5} + collisionPadding={{left: 5, right: 5, bottom: 5}} loop aria-label="Test" className="dropdown-menu-transform-origin"> @@ -195,6 +196,7 @@ export function Outer({ t.name === 'light' ? t.atoms.bg : t.atoms.bg_contrast_25, t.atoms.shadow_md, t.atoms.border_contrast_low, + a.overflow_auto, !reduceMotionEnabled && a.zoom_fade_in, style, ]}> @@ -380,9 +382,8 @@ export function Divider() { style={flatten([ a.my_xs, t.atoms.bg_contrast_100, - { - height: 1, - }, + a.flex_shrink_0, + {height: 1}, ])} /> ) diff --git a/src/components/icons/Chevron.tsx b/src/components/icons/Chevron.tsx index a04e6e009..4d252ee3c 100644 --- a/src/components/icons/Chevron.tsx +++ b/src/components/icons/Chevron.tsx @@ -15,3 +15,7 @@ export const ChevronTop_Stroke2_Corner0_Rounded = createSinglePathSVG({ export const ChevronBottom_Stroke2_Corner0_Rounded = createSinglePathSVG({ path: 'M3.293 8.293a1 1 0 0 1 1.414 0L12 15.586l7.293-7.293a1 1 0 1 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 0-1.414Z', }) + +export const ChevronTopBottom_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M11.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L12 6.414 8.707 9.707a1 1 0 0 1-1.414-1.414l4-4Zm-4 10a1 1 0 0 1 1.414 0L12 17.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z', +}) |