diff --git a/docs/styleguide/styles/10-components-interactive-elements.css b/docs/styleguide/styles/10-components-interactive-elements.css index 073f85c..c11ea9f 100644 --- a/docs/styleguide/styles/10-components-interactive-elements.css +++ b/docs/styleguide/styles/10-components-interactive-elements.css @@ -1150,6 +1150,10 @@ } @media (max-width: 48rem) { + .sg-pulldown-panel { + min-width: auto; + } + .sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-panel { left: auto; right: 0; diff --git a/docs/styleguide/styles/25-patterns-form-sections.css b/docs/styleguide/styles/25-patterns-form-sections.css index ff19e5c..e82df23 100644 --- a/docs/styleguide/styles/25-patterns-form-sections.css +++ b/docs/styleguide/styles/25-patterns-form-sections.css @@ -205,17 +205,7 @@ opacity: var(--disabled-opacity); } -.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: 100%; - width: max-content; - max-width: calc(100vw - (2 * var(--spacing-large))); -} - @media (max-width: 48rem) { - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: auto; - } - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] { grid-template-columns: max-content minmax(0, 1fr) auto; row-gap: var(--spacing-small); diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index 1406d9d..45ef87b 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -1631,6 +1631,10 @@ section + section { } @media (max-width: 48rem) { + .sg-pulldown-panel { + min-width: auto; + } + .sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-panel { left: auto; right: 0; @@ -2509,17 +2513,7 @@ section + section { opacity: var(--disabled-opacity); } -.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: 100%; - width: max-content; - max-width: calc(100vw - (2 * var(--spacing-large))); -} - @media (max-width: 48rem) { - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: auto; - } - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] { grid-template-columns: max-content minmax(0, 1fr) auto; row-gap: var(--spacing-small); diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index 9e28d6e..e7e0ef2 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": "a5e286f", - "syncedAtUtc": "2026-06-09T06:55:23Z", + "syncedAtUtc": "2026-06-09T07:06:35Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index 1406d9d..45ef87b 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -1631,6 +1631,10 @@ section + section { } @media (max-width: 48rem) { + .sg-pulldown-panel { + min-width: auto; + } + .sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-panel { left: auto; right: 0; @@ -2509,17 +2513,7 @@ section + section { opacity: var(--disabled-opacity); } -.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: 100%; - width: max-content; - max-width: calc(100vw - (2 * var(--spacing-large))); -} - @media (max-width: 48rem) { - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel { - min-width: auto; - } - .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] { grid-template-columns: max-content minmax(0, 1fr) auto; row-gap: var(--spacing-small);