Pulldown: move stable trigger width to generic component rules
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user