gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pulldown panel viewport fallback for iOS

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-29 17:44:24 +02:00
parent 46f36f89cf
commit 14b995f68a
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+10 -1
View File
@@ -1090,7 +1090,7 @@
width: max-content; width: max-content;
max-width: min( max-width: min(
var(--layout-multiselect-pulldown-panel-desktop-width), var(--layout-multiselect-pulldown-panel-desktop-width),
calc(100dvw - (2 * var(--spacing-large))) calc(100vw - (2 * var(--spacing-large)))
); );
box-sizing: border-box; box-sizing: border-box;
padding-block: var(--spacing-large); padding-block: var(--spacing-large);
@@ -1100,6 +1100,15 @@
box-shadow: var(--shadow-overlay); box-shadow: var(--shadow-overlay);
} }
@supports (width: 100dvw) {
.sg-pulldown-panel {
max-width: min(
var(--layout-multiselect-pulldown-panel-desktop-width),
calc(100dvw - (2 * var(--spacing-large)))
);
}
}
.sg-pulldown-demo[data-open="true"] .sg-pulldown-panel { .sg-pulldown-demo[data-open="true"] .sg-pulldown-panel {
display: inline-flex; display: inline-flex;
} }