fix(select): prevent hover state from changing active item background color
Build and Deploy / Build and Push Docker Image (push) Successful in 1m57s
Build and Deploy / Build and Push Docker Image (push) Successful in 1m57s
- Exclude .is-active from hover selector - Add explicit :hover rule for .is-active to maintain selected color
This commit is contained in:
+5
-1
@@ -425,7 +425,7 @@ pre,
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-select-item:hover:not(:disabled) {
|
.ui-select-item:hover:not(:disabled):not(.is-active) {
|
||||||
background: var(--bg-hover);
|
background: var(--bg-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -435,6 +435,10 @@ pre,
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-select-item.is-active:hover {
|
||||||
|
background: var(--bg-selected);
|
||||||
|
}
|
||||||
|
|
||||||
.ui-select-item:disabled {
|
.ui-select-item:disabled {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
|
|||||||
Reference in New Issue
Block a user