Show thicker separator on mouse focus (#34549)

So that when you click the separator and it receives focus, it shows
differently to thinner version.
This commit is contained in:
R Midhun Suresh
2026-08-04 08:18:10 +00:00
committed by GitHub
parent df43921ab9
commit b45009fc4e
@@ -51,7 +51,11 @@
}
/* When type=border and the user hovers/focuses the separator, we make the separator thicker */
.separator[data-separator-type="border"]:is([data-separator="hover"], [data-separator="active"]),
.separator[data-separator-type="border"]:is(
[data-separator="hover"],
[data-separator="active"],
[data-separator="focus"]
),
.separator[data-separator-type="border"]:focus-visible {
.activeSeparatorContainer {
.activeSeparator {