Pulldown: move stable trigger width to generic component rules

This commit is contained in:
2026-05-29 14:55:18 +02:00
parent c1fb1a74a2
commit bc522af2a5
2 changed files with 22 additions and 28 deletions
@@ -206,6 +206,20 @@
text-overflow: ellipsis;
}
.sg-pulldown-demo[data-component-context="form"],
.sg-pulldown-demo[data-component-context="overlay"] {
width: 100%;
min-width: 0;
max-width: var(--layout-input-field-max-width);
}
.sg-pulldown-demo[data-component-context="form"] .sg-pulldown-demo__trigger,
.sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-demo__trigger {
width: 100%;
min-width: 0;
max-width: var(--layout-input-field-max-width);
}
.sg-pulldown--selected {
background-color: var(--surface-control-active);
color: var(--text-control-default);
@@ -223,6 +237,13 @@
opacity: var(--disabled-opacity);
}
.sg-labeled-input-row .sg-pulldown-demo,
.sg-labeled-input-row .sg-pulldown-demo .sg-pulldown {
width: 100%;
min-width: 0;
max-width: var(--layout-input-field-max-width);
}
.sg-pulldown--disabled {
background-color: var(--surface-control-disabled);
color: var(--text-control-disabled);