Add table selector hover states
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user