ohif-viewer/platform/ui/src/components/Select/Select.css
Gustavo André Lelis b7a72f5225 OHIF-32: Wrapping React-select with our style requirements (#1529)
* Custom Select component

* Including inpot section

* Adding missing import sections on docz

* Change cursor once is disabled

* update date range color font
2020-05-15 12:38:18 +01:00

40 lines
983 B
CSS

.customSelect__wrapper .customSelect__control {
@apply bg-black border-custom-blue shadow transition duration-300 border rounded w-full text-sm text-white leading-tight;
min-height: 33px;
}
.customSelect__wrapper .customSelect__control:hover {
@apply border-gray-500;
}
.customSelect__wrapper .customSelect__control:focus {
@apply border-gray-500 outline-none;
}
.customSelect__wrapper .customSelect__control--menu-is-open {
@apply border-gray-500 outline-none;
}
.customSelect__wrapper .customSelect__indicator-separator {
@apply hidden;
}
.customSelect__wrapper .customSelect__dropdown-indicator {
padding: 4px;
}
.customSelect__wrapper .customSelect__option {
@apply text-black;
}
.customSelect__wrapper .customSelect__single-value {
@apply text-white;
}
.customSelect--is-disabled .customSelect__control--is-disabled {
@apply pointer-events-none;
}
.customSelect__wrapper.customSelect--is-disabled {
@apply cursor-not-allowed pointer-events-auto;
}