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

fix: mobile layout for options row pattern

Browse Source
This commit is contained in:
gitea_admin committed 2026-09-24 12:56:38 +02:00
1 parent 08bf51e2fe
commit 285de988d0
2 files changed
+69 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

styles/21-patterns-options-row.css
+21 -5
View File
@@ -91,19 +91,35 @@
.sg-options-row--left-only .sg-options-row__left {
order: 0;
width: 100%;
padding: 0;
box-shadow: none;
}
.sg-options-row__left > .sg-pulldown-demo,
.sg-options-row__left > .sg-input-single-line-wrap,
.sg-options-row__left > .sg-search-field-row {
flex: 1 1 calc(50% - var(--layout-options-row-group-gap));
.sg-options-row__left > .sg-pulldown-demo {
flex: 1 1 100%;
min-width: 0;
}
.sg-options-row__left:has(> .sg-pulldown-demo ~ .sg-pulldown-demo) > .sg-pulldown-demo {
flex-basis: calc(50% - (var(--layout-options-row-group-gap) / 2));
}
.sg-options-row__left > .sg-search-field-row {
flex: 0 0 auto;
flex: 0 0 100%;
width: 100%;
min-width: 0;
}
.sg-options-row__left > .sg-search-field-row > .sg-search-field-input {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
.sg-options-row__left > .sg-search-field-row .sg-input-single-line {
width: 100%;
min-width: 0;
}
.sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,