Reuse multiselect panel width token
This commit is contained in:
1 parent
91bbd235e5
commit
23992dcf70
3 files changed
+3
-4
No files matched your search
@@ -79,7 +79,7 @@
|
||||
--layout-pulldown-chevron-offset: var(--compact-interaction-padding-horizontal);
|
||||
--layout-tab-navigation-large-padding-inline: var(--interaction-padding-horizontal);
|
||||
--layout-pulldown-chevron-reserved-space: var(--spacing-large);
|
||||
--layout-pulldown-panel-form-mobile-width: 340px;
|
||||
--layout-pulldown-panel-form-mobile-width: 90%;
|
||||
--layer-pulldown-panel: var(--dimension-layer-pulldown-panel);
|
||||
--layout-multiselect-pulldown-panel-desktop-width: var(--dimension-multiselect-pulldown-panel-desktop-width);
|
||||
--layout-input-label-width: var(--dimension-input-label-width);
|
||||
|
||||
@@ -104,11 +104,11 @@
|
||||
|
||||
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
|
||||
width: min(
|
||||
var(--layout-pulldown-panel-form-mobile-width),
|
||||
var(--layout-multiselect-pulldown-panel-desktop-width),
|
||||
calc(100vw - (2 * var(--spacing-large)))
|
||||
);
|
||||
min-width: min(
|
||||
var(--layout-pulldown-panel-form-mobile-width),
|
||||
var(--layout-multiselect-pulldown-panel-desktop-width),
|
||||
calc(100vw - (2 * var(--spacing-large)))
|
||||
);
|
||||
max-width: calc(100vw - (2 * var(--spacing-large)));
|
||||
|
||||
Reference in new issue
Block a user