@syncfusion/ej2-dropdowns
Version:
Essential JS 2 DropDown Components
71 lines (60 loc) • 2.17 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: #fff;
}
.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 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
margin-top: 4px;
}
.e-small .e-ddl.e-popup,
.e-small.e-ddl.e-popup {
border-radius: 2px;
margin-top: 2px;
}
.e-popup.e-ddl .e-dropdownbase {
min-height: 26px;
padding: 4px 0;
}
.e-input-group.e-ddl,
.e-input-group.e-ddl .e-input,
.e-input-group.e-ddl .e-ddl-icon {
background: #1f2937;
}
.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 */