style(ui-control): remove focus ring, make focus/open states match hover
Build and Deploy / Build and Push Docker Image (push) Successful in 2m10s
Build and Deploy / Build and Push Docker Image (push) Successful in 2m10s
- Remove box-shadow focus ring that looked jarring - Use same background and border color for hover/focus/open states - More consistent visual feedback without glowing effect
This commit is contained in:
+3
-3
@@ -253,8 +253,8 @@ pre,
|
|||||||
.ui-control:focus,
|
.ui-control:focus,
|
||||||
.ui-control:focus-visible {
|
.ui-control:focus-visible {
|
||||||
background: var(--bg-tertiary);
|
background: var(--bg-tertiary);
|
||||||
border-color: var(--bg-accent);
|
border-color: var(--border-hover);
|
||||||
box-shadow: 0 0 0 3px var(--focus-ring);
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-control:disabled {
|
.ui-control:disabled {
|
||||||
@@ -263,7 +263,7 @@ pre,
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-control-open {
|
.ui-control-open {
|
||||||
border-color: var(--bg-accent) !important;
|
border-color: var(--border-hover) !important;
|
||||||
background: var(--bg-tertiary);
|
background: var(--bg-tertiary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user