✨(react) use css float for multi select
Previously the pills were not stacking under the actions div, now we can do it using the forgotten CSS float feature.
This commit is contained in:
@@ -218,14 +218,6 @@
|
||||
gap: 0.25rem;
|
||||
margin-right: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
max-width: var(--c--components--forms-select--multi-pill-max-width);
|
||||
|
||||
> span {
|
||||
min-width: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__clear {
|
||||
width: auto;
|
||||
@@ -239,12 +231,6 @@
|
||||
|
||||
&__input {
|
||||
display: inline-grid;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&:focus-within {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&::after,
|
||||
input {
|
||||
|
||||
Reference in New Issue
Block a user