Add table selector hover states
This commit is contained in:
@@ -592,6 +592,14 @@ textarea {
|
|||||||
background: rgba(255, 252, 247, 0.96);
|
background: rgba(255, 252, 247, 0.96);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
appearance: 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 {
|
.table-select-trigger-copy {
|
||||||
@@ -648,6 +656,13 @@ textarea {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 0.45rem;
|
gap: 0.45rem;
|
||||||
text-align: left;
|
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 {
|
.table-select-option.is-selected {
|
||||||
@@ -659,10 +674,20 @@ textarea {
|
|||||||
background: rgba(102, 138, 83, 0.12);
|
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 {
|
.table-select-option.needs-curation {
|
||||||
background: rgba(184, 121, 59, 0.12);
|
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 {
|
.table-select-option-main {
|
||||||
display: block;
|
display: block;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user