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

Revert "Fix mobile multiselect pulldown overflow and responsive row layouts"

Browse Source 
This reverts commit 640b7fd4ad.
This commit is contained in:
Mathias Gläser
2026-05-19 19:31:27 +02:00
parent a1be888668
commit d483650405
1 changed files with 5 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+5 -32
View File
@@ -1655,16 +1655,14 @@ section + section {
} }
.sg-options-row .sg-pulldown-panel:has(.sg-form-sections-card-wrapper) { .sg-options-row .sg-pulldown-panel:has(.sg-form-sections-card-wrapper) {
width: calc(100vw - (2 * var(--spacing-large))); width: min(
var(--layout-pulldown-panel-form-mobile-width),
calc(100vw - (2 * var(--spacing-large)))
);
min-width: 0; min-width: 0;
max-width: calc(100vw - (2 * var(--spacing-large))); max-width: calc(100vw - (2 * var(--spacing-large)));
} }
.sg-options-row .sg-pulldown-demo .sg-pulldown-panel {
left: 0;
right: auto;
}
.sg-options-row .sg-pulldown-panel .sg-form-sections-card-wrapper, .sg-options-row .sg-pulldown-panel .sg-form-sections-card-wrapper,
.sg-options-row .sg-pulldown-panel .sg-form-sections-card { .sg-options-row .sg-pulldown-panel .sg-form-sections-card {
min-width: 0; min-width: 0;
@@ -1672,31 +1670,6 @@ section + section {
max-width: 100%; max-width: 100%;
} }
.sg-pulldown-panel__row {
grid-template-columns: minmax(0, 1fr) var(--interaction-height);
row-gap: var(--spacing-small);
}
.sg-pulldown-panel__label {
grid-column: 1 / -1;
grid-row: 1;
min-width: 0;
}
.sg-pulldown-panel__row .sg-pulldown {
grid-column: 1;
grid-row: 2;
width: 100%;
min-width: 0;
max-width: 100%;
}
.sg-pulldown-panel__row .sg-pulldown-panel__remove {
grid-column: 2;
grid-row: 2;
justify-self: end;
}
.sg-pulldown-panel .sg-slider-row[data-activatable="true"] { .sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto var(--interaction-height); grid-template-columns: minmax(0, 1fr) auto var(--interaction-height);
@@ -1732,7 +1705,7 @@ section + section {
.sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-activatable-remove { .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
position: static; position: static;
transform: none; transform: none;
margin-left: 0; margin-left: calc(var(--spacing-small) * 1.5);
grid-column: 3; grid-column: 3;
grid-row: 2; grid-row: 2;
} }