sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Show thicker separator on mouse focus (#34549)

Browse Source 
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
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/shared-components/src/resize/separator/SeparatorView.module.css
+5 -1
View File
@@ -51,7 +51,11 @@
} }
/* When type=border and the user hovers/focuses the separator, we make the separator thicker */ /* 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 { .separator[data-separator-type="border"]:focus-visible {
.activeSeparatorContainer { .activeSeparatorContainer {
.activeSeparator { .activeSeparator {