@domoinc/domo-select
Version:
DomoSelect - Domo Widget
55 lines (54 loc) • 1.8 kB
CSS
.da-dropdown {
border: 1px solid rgba(0, 0, 0, 0.2);
-o-border-radius: 3px;
border-radius: 3px;
color: #555555;
box-shadow: 0 0 0 3px rgba(84, 88, 90, 0.2);
background: white;
margin: 7px 0px;
display: inline-block;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 9000; }
.da-dropdown:active, .da-dropdown.active {
outline: 0;
background-image: none; }
.da-dropdown.dd-sm {
font-size: 10px; }
.da-dropdown.dd-sm .dropdownList .dropdownItem {
padding: 3px 10px 3px 10px; }
.da-dropdown.dd-md {
font-size: 12px; }
.da-dropdown.dd-md .dropdownList .dropdownItem {
padding: 5px 10px 5px 10px; }
.da-dropdown.dd-lg {
font-size: 14px; }
.da-dropdown.dd-lg .dropdownList .dropdownItem {
padding: 7px 10px 7px 10px; }
.da-dropdown.domoScroll {
overflow: hidden; }
.da-dropdown .dropdownList {
margin: 0px;
padding: 0px;
list-style-type: none; }
.da-dropdown .dropdownList .dropdownItem {
padding: 7px 10px 7px 10px;
cursor: pointer;
line-height: 18px;
min-height: 18px;
background: #FFFFFF; }
.da-dropdown .dropdownList .dropdownItem.active, .da-dropdown .dropdownList .dropdownItem:active {
background: #F2F2F3; }
.da-dropdown .dropdownList .dropdownItem.disabled {
background: #fff;
pointer-events: none;
text-align: center;
font-style: italic;
color: #A9A9A9; }
.da-dropdown .dropdownList .dropdownItem:hover, .da-dropdown .dropdownList .dropdownItem.hover {
background: #C6E1F4; }
.da-dropdown .dropdownList .dropdownItem .listItemIcon {
float: left; }
.da-dropdown .dropdownList .dropdownItem .dropdownItemContainer {
word-wrap: break-word; }