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

Align mobile pulldown layout

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-10 13:13:23 +02:00
parent a4a5dd6fa1
commit e4fb7250ed
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+11 -3
View File
@@ -520,11 +520,12 @@
} }
#component-pulldown .sg-labeled-input-row { #component-pulldown .sg-labeled-input-row {
flex-direction: column; display: grid;
align-items: flex-start; grid-template-columns: max-content minmax(0, 1fr);
align-items: center;
column-gap: var(--spacing-small);
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
gap: var(--spacing-small);
} }
#component-pulldown .sg-labeled-input-row .sg-label { #component-pulldown .sg-labeled-input-row .sg-label {
@@ -535,6 +536,13 @@
line-height: 1; line-height: 1;
} }
#component-pulldown .sg-labeled-input-row .sg-pulldown-demo,
#component-pulldown .sg-labeled-input-row .sg-pulldown {
width: 100%;
min-width: 0;
max-width: 100%;
}
#component-pulldown .sg-activatable-row { #component-pulldown .sg-activatable-row {
grid-template-columns: 1fr; grid-template-columns: 1fr;
align-items: start; align-items: start;