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

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
gitea_admin committed 2026-08-23 16:38:55 +02:00
1 parent f262b047ca
commit e37af9be6c
4 files changed
+68 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/styleguide/styles/21-patterns-options-row.css
+22
View File
@@ -18,6 +18,7 @@
--layout-help-panel-width: var(--layout-options-row-help-panel-width); --layout-help-panel-width: var(--layout-options-row-help-panel-width);
margin-top: var(--layout-options-row-margin-top); margin-top: var(--layout-options-row-margin-top);
display: flex; display: flex;
min-width: 0;
justify-content: space-between; justify-content: space-between;
gap: var(--layout-options-row-main-gap); gap: var(--layout-options-row-main-gap);
padding: padding:
@@ -36,6 +37,7 @@
.sg-options-row__left, .sg-options-row__left,
.sg-options-row__right { .sg-options-row__right {
display: flex; display: flex;
min-width: 0;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--layout-options-row-group-gap); gap: var(--layout-options-row-group-gap);
align-items: center; align-items: center;
@@ -55,6 +57,11 @@
flex: 0 0 auto; flex: 0 0 auto;
} }
.sg-options-row__left > .sg-pulldown-demo {
min-width: 0;
box-sizing: border-box;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sg-options-row { .sg-options-row {
flex-direction: column; flex-direction: column;
@@ -109,6 +116,21 @@
.sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
.sg-options-row__left > .sg-pulldown-demo .sg-pulldown { .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
width: 100%; width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.sg-options-row__left > .sg-pulldown-demo {
width: 100%;
max-width: 100%;
}
.sg-options-row .sg-pulldown-panel {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
} }
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
public/assets/styleguide.upstream.css
+22
View File
@@ -2219,6 +2219,7 @@ section + section {
--layout-help-panel-width: var(--layout-options-row-help-panel-width); --layout-help-panel-width: var(--layout-options-row-help-panel-width);
margin-top: var(--layout-options-row-margin-top); margin-top: var(--layout-options-row-margin-top);
display: flex; display: flex;
min-width: 0;
justify-content: space-between; justify-content: space-between;
gap: var(--layout-options-row-main-gap); gap: var(--layout-options-row-main-gap);
padding: padding:
@@ -2237,6 +2238,7 @@ section + section {
.sg-options-row__left, .sg-options-row__left,
.sg-options-row__right { .sg-options-row__right {
display: flex; display: flex;
min-width: 0;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--layout-options-row-group-gap); gap: var(--layout-options-row-group-gap);
align-items: center; align-items: center;
@@ -2256,6 +2258,11 @@ section + section {
flex: 0 0 auto; flex: 0 0 auto;
} }
.sg-options-row__left > .sg-pulldown-demo {
min-width: 0;
box-sizing: border-box;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sg-options-row { .sg-options-row {
flex-direction: column; flex-direction: column;
@@ -2310,6 +2317,21 @@ section + section {
.sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
.sg-options-row__left > .sg-pulldown-demo .sg-pulldown { .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
width: 100%; width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.sg-options-row__left > .sg-pulldown-demo {
width: 100%;
max-width: 100%;
}
.sg-options-row .sg-pulldown-panel {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
} }
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{ {
"styleguideVersion": "2026.05.18.1", "styleguideVersion": "2026.05.18.1",
"styleguideCommit": "a927dae", "styleguideCommit": "3461be6",
"syncedAtUtc": "2026-08-20T12:20:28Z", "syncedAtUtc": "2026-08-23T14:38:55Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide" "mirroredDocsPath": "docs/styleguide"
} }
public/assets/styles.css
+22
View File
@@ -2219,6 +2219,7 @@ section + section {
--layout-help-panel-width: var(--layout-options-row-help-panel-width); --layout-help-panel-width: var(--layout-options-row-help-panel-width);
margin-top: var(--layout-options-row-margin-top); margin-top: var(--layout-options-row-margin-top);
display: flex; display: flex;
min-width: 0;
justify-content: space-between; justify-content: space-between;
gap: var(--layout-options-row-main-gap); gap: var(--layout-options-row-main-gap);
padding: padding:
@@ -2237,6 +2238,7 @@ section + section {
.sg-options-row__left, .sg-options-row__left,
.sg-options-row__right { .sg-options-row__right {
display: flex; display: flex;
min-width: 0;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--layout-options-row-group-gap); gap: var(--layout-options-row-group-gap);
align-items: center; align-items: center;
@@ -2256,6 +2258,11 @@ section + section {
flex: 0 0 auto; flex: 0 0 auto;
} }
.sg-options-row__left > .sg-pulldown-demo {
min-width: 0;
box-sizing: border-box;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sg-options-row { .sg-options-row {
flex-direction: column; flex-direction: column;
@@ -2310,6 +2317,21 @@ section + section {
.sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
.sg-options-row__left > .sg-pulldown-demo .sg-pulldown { .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
width: 100%; width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.sg-options-row__left > .sg-pulldown-demo {
width: 100%;
max-width: 100%;
}
.sg-options-row .sg-pulldown-panel {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
} }
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {