@syncfusion/ej2-dropdowns
Version:
Essential JS 2 DropDown Components
95 lines (81 loc) • 2.87 kB
CSS
.e-popup.e-ddl {
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 3px;
}
.e-popup.e-ddl .e-input-group {
width: auto;
}
.e-popup.e-ddl .e-input-group input {
line-height: 15px;
}
.e-popup.e-ddl .e-dropdownbase {
min-height: 26px;
}
.e-popup.e-ddl .e-filter-parent .e-input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
border: 0;
}
.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
.e-float-input.e-control-wrapper.e-ddl input[readonly] {
background: transparent;
}
.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
background: #e9ecef;
}
.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-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
background: transparent;
color: #495057;
}
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
border: 0;
}
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.e-ddl.e-popup .e-filter-parent .e-input-group,
.e-ddl.e-popup .e-filter-parent {
background: rgba(0, 0, 0, 0.03);
}
.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
font-size: 12px;
}
.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
font-size: 10px;
}
.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
font-size: 8px;
}
.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
font-size: 10px;
}
/* stylelint-disable-line no-empty-source */