37 lines
813 B
CSS
37 lines
813 B
CSS
@import "../_shared/control.css";
|
|
|
|
.ui-customselect__trigger{
|
|
height: 40px;
|
|
padding: 0 12px;
|
|
border-radius: var(--ui-radius);
|
|
border: 1px solid var(--ui-border);
|
|
background: var(--ui-panel);
|
|
color: var(--ui-fg);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-customselect__content{
|
|
background: var(--ui-panel);
|
|
border: 1px solid var(--ui-border);
|
|
border-radius: var(--ui-radius);
|
|
box-shadow: var(--ui-shadow);
|
|
overflow: hidden;
|
|
min-width: 220px;
|
|
}
|
|
|
|
.ui-customselect__item{
|
|
padding: 10px 12px;
|
|
cursor: pointer;
|
|
}
|
|
.ui-customselect__item[data-highlighted]{
|
|
outline: none;
|
|
background: rgba(255,255,255,0.06);
|
|
}
|
|
:root[data-theme="light"] .ui-customselect__item[data-highlighted]{
|
|
background: rgba(17,19,24,0.06);
|
|
}
|