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

Adjust multiselect pulldown panel to content-based responsive width

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 14:40:46 +02:00
parent be302d62a5
commit f4a54b0bb5
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+5 -2
View File
@@ -1931,13 +1931,16 @@ section + section {
} }
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel { .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel {
width: var(--layout-multiselect-pulldown-panel-desktop-width); min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large))); max-width: calc(100vw - (2 * var(--spacing-large)));
} }
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
width: var(--layout-multiselect-pulldown-panel-mobile-width); min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large)));
} }
} }