Add table selector hover states

This commit is contained in:
2026-03-18 00:37:09 +01:00
parent 7688096fcd
commit 30fd257ea5

View File

@@ -592,6 +592,14 @@ textarea {
background: rgba(255, 252, 247, 0.96);
box-shadow: none;
appearance: none;
transition: border-color 0.16s ease, background-color 0.16s ease;
}
.table-select-trigger:hover,
.table-select-trigger:focus-visible {
border-color: rgba(184, 121, 59, 0.4);
background: rgba(255, 248, 239, 0.98);
outline: none;
}
.table-select-trigger-copy {
@@ -648,6 +656,13 @@ textarea {
justify-content: space-between;
gap: 0.45rem;
text-align: left;
transition: background-color 0.16s ease, outline-color 0.16s ease;
}
.table-select-option:hover,
.table-select-option:focus-visible {
outline: 1px solid rgba(41, 22, 11, 0.16);
outline-offset: -1px;
}
.table-select-option.is-selected {
@@ -659,10 +674,20 @@ textarea {
background: rgba(102, 138, 83, 0.12);
}
.table-select-option.is-curated:hover,
.table-select-option.is-curated:focus-visible {
background: rgba(102, 138, 83, 0.18);
}
.table-select-option.needs-curation {
background: rgba(184, 121, 59, 0.12);
}
.table-select-option.needs-curation:hover,
.table-select-option.needs-curation:focus-visible {
background: rgba(184, 121, 59, 0.18);
}
.table-select-option-main {
display: block;
min-width: 0;