@syncfusion/ej2-dropdowns
Version:
Essential JS 2 DropDown Components
77 lines (60 loc) • 2.22 kB
CSS
.e-ddl.e-control-wrapper .e-ddl-icon::before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.e-dropdownbase .e-list-item.e-active.e-hover {
color: var(--color-sf-content-text-color-selected);
}
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
.e-input-group:not(.e-disabled) .e-back-icon:active,
.e-input-group:not(.e-disabled) .e-back-icon:hover,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
.e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
background: transparent;
}
.e-input-group .e-ddl-icon:not(:active)::after {
-webkit-animation: none;
animation: none;
}
.e-ddl.e-popup {
border: 0;
border-radius: 4px;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
margin-top: 4px;
}
.e-small .e-ddl.e-popup,
.e-small.e-ddl.e-popup {
border-radius: 4px;
margin-top: 2px;
}
.e-popup.e-ddl .e-dropdownbase {
min-height: 26px;
padding: 6px 4px;
}
.e-input-group.e-ddl,
.e-input-group.e-ddl .e-input,
.e-input-group.e-ddl .e-ddl-icon {
background: var(--color-sf-content-bg-color);
}
.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
.e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
border-bottom-width: 0;
}
.e-ddl.e-popup.e-outline .e-filter-parent {
padding: 4px 8px;
}
/* stylelint-disable-line no-empty-source */