diff --git a/docs/styleguide/styles/21-patterns-options-row.css b/docs/styleguide/styles/21-patterns-options-row.css index a00d145..0b8dce1 100644 --- a/docs/styleguide/styles/21-patterns-options-row.css +++ b/docs/styleguide/styles/21-patterns-options-row.css @@ -18,7 +18,6 @@ --layout-help-panel-width: var(--layout-options-row-help-panel-width); margin-top: var(--layout-options-row-margin-top); display: flex; - min-width: 0; justify-content: space-between; gap: var(--layout-options-row-main-gap); padding: @@ -37,7 +36,6 @@ .sg-options-row__left, .sg-options-row__right { display: flex; - min-width: 0; flex-wrap: wrap; gap: var(--layout-options-row-group-gap); align-items: center; @@ -57,20 +55,6 @@ flex: 0 0 auto; } -.sg-options-row__left > .sg-pulldown-demo { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - -.sg-options-row .sg-pulldown-panel { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - @media (max-width: 48rem) { .sg-options-row { flex-direction: column; @@ -125,9 +109,6 @@ .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-pulldown-demo .sg-pulldown { width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; } .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index c5502b4..92b3985 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -2219,7 +2219,6 @@ section + section { --layout-help-panel-width: var(--layout-options-row-help-panel-width); margin-top: var(--layout-options-row-margin-top); display: flex; - min-width: 0; justify-content: space-between; gap: var(--layout-options-row-main-gap); padding: @@ -2238,7 +2237,6 @@ section + section { .sg-options-row__left, .sg-options-row__right { display: flex; - min-width: 0; flex-wrap: wrap; gap: var(--layout-options-row-group-gap); align-items: center; @@ -2258,20 +2256,6 @@ section + section { flex: 0 0 auto; } -.sg-options-row__left > .sg-pulldown-demo { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - -.sg-options-row .sg-pulldown-panel { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - @media (max-width: 48rem) { .sg-options-row { flex-direction: column; @@ -2326,9 +2310,6 @@ section + section { .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-pulldown-demo .sg-pulldown { width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; } .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index 6e9f506..16fcdd5 100644 --- a/public/assets/styleguide.upstream.meta.json +++ b/public/assets/styleguide.upstream.meta.json @@ -1,7 +1,7 @@ { "styleguideVersion": "2026.05.18.1", - "styleguideCommit": "f58074d", - "syncedAtUtc": "2026-08-23T15:05:28Z", + "styleguideCommit": "0ff7125", + "syncedAtUtc": "2026-08-24T09:52:17Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index c5502b4..92b3985 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -2219,7 +2219,6 @@ section + section { --layout-help-panel-width: var(--layout-options-row-help-panel-width); margin-top: var(--layout-options-row-margin-top); display: flex; - min-width: 0; justify-content: space-between; gap: var(--layout-options-row-main-gap); padding: @@ -2238,7 +2237,6 @@ section + section { .sg-options-row__left, .sg-options-row__right { display: flex; - min-width: 0; flex-wrap: wrap; gap: var(--layout-options-row-group-gap); align-items: center; @@ -2258,20 +2256,6 @@ section + section { flex: 0 0 auto; } -.sg-options-row__left > .sg-pulldown-demo { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - -.sg-options-row .sg-pulldown-panel { - width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; -} - @media (max-width: 48rem) { .sg-options-row { flex-direction: column; @@ -2326,9 +2310,6 @@ section + section { .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line, .sg-options-row__left > .sg-pulldown-demo .sg-pulldown { width: 100%; - min-width: 0; - max-width: 100%; - box-sizing: border-box; } .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {