57 lines
1.3 KiB
CSS
57 lines
1.3 KiB
CSS
.ui-select-overlay {
|
|
text-align: left;
|
|
}
|
|
.ui-select-overlay .ui-message {
|
|
margin: 0;
|
|
}
|
|
.ui-select-overlay-parent {
|
|
margin: 30px 0 -10px 0;
|
|
border-radius: var(--radius);
|
|
/*border: 1px solid var(--color-line-light);*/
|
|
background: var(--color-box-nested);
|
|
line-height: 1.4;
|
|
color: var(--color-text-dim);
|
|
padding: 14px 16px;
|
|
font-size: var(--font-size);
|
|
}
|
|
.ui-select-overlay-parent strong {
|
|
color: var(--color-text);
|
|
}
|
|
.ui-select-overlay-items {
|
|
margin: 0 -16px;
|
|
max-height: 490px;
|
|
overflow-y: auto;
|
|
}
|
|
.ui-select-overlay-item {
|
|
display: grid;
|
|
width: 100%;
|
|
grid-template-columns: 70px 1fr auto;
|
|
gap: 12px;
|
|
align-items: center;
|
|
position: relative;
|
|
color: var(--color-text);
|
|
padding: 16px;
|
|
border-radius: var(--radius);
|
|
}
|
|
.ui-select-overlay-item:hover, .ui-select-overlay-item:focus {
|
|
background: var(--color-tree-selected);
|
|
}
|
|
.ui-select-overlay-item + .ui-select-overlay-item {
|
|
margin-top: 2px;
|
|
}
|
|
.ui-select-overlay-item-text {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.ui-select-overlay-item-text span {
|
|
color: var(--color-text-dim);
|
|
margin-top: 3px;
|
|
}
|
|
.ui-select-overlay-item-icon {
|
|
color: var(--color-text);
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 20px;
|
|
border-radius: var(--radius);
|
|
background: var(--color-bg-shade-3);
|
|
} |