Files
socialhose-php/frontend/app/styles/components/react-widgets/scss/dropdown-list.scss
T
2022-12-09 08:36:26 -06:00

63 lines
960 B
SCSS

.rw-dropdown-list-autofill {
@extend .rw-input;
padding: 0;
}
.rw-dropdown-list {
.rw-select,
.rw-select .rw-btn {
height: 100%;
}
}
.rw-dropdown-list-input {
background-color: transparent;
vertical-align: middle;
padding-inline-end: 0;
/* ellipsis */
& {
max-width: 1px; // very hacky to force ellipsis
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.rw-rtl & {
padding-inline-end: $input-padding-horizontal;
padding-inline-start: 0;
}
}
.rw-filter-input {
@extend .rw-input;
@extend .rw-widget-input;
position: relative;
margin: 4px;
padding-inline-end: 0;
.rw-rtl {
padding-inline-end: $input-padding-horizontal;
padding-inline-start: 0;
}
.rw-select,
.rw-btn {
@include opacity(0.75);
cursor: text;
}
> .rw-select {
&,
&:active,
&:hover {
background: none;
cursor: initial;
box-shadow: none;
}
}
}