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

Fix mobile overlay pulldown alignment to prevent viewport overflow

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-29 17:50:48 +02:00
parent 14b995f68a
commit ccc39c4acf
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+7
View File
@@ -1123,6 +1123,13 @@
right: 0; right: 0;
} }
@media (max-width: 48rem) {
.sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-panel {
left: auto;
right: 0;
}
}
.sg-pulldown-panel__row { .sg-pulldown-panel__row {
display: grid; display: grid;
grid-template-columns: calc(var(--interaction-height) * 5) calc(var(--interaction-height) * 7) var(--interaction-height); grid-template-columns: calc(var(--interaction-height) * 5) calc(var(--interaction-height) * 7) var(--interaction-height);