Skip to content

Commit 118881a

Browse files
committed
chore(docs): Update PanelResizer hover/focus styles
This makes it a bit more prominent when hovering since the resize cursor doesn't do much and adds focus styles.
1 parent 0cb49d8 commit 118881a

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

components/PanelResizer.module.scss

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,34 @@
1212
width: $width;
1313
z-index: 2;
1414

15+
&::before {
16+
background-color: $rmd-states-focus-shadow-color;
17+
bottom: 0;
18+
content: '';
19+
left: inherit;
20+
opacity: 0;
21+
position: absolute;
22+
top: 0;
23+
width: $width;
24+
}
25+
1526
&:hover {
1627
cursor: col-resize;
28+
29+
&::before {
30+
opacity: 1;
31+
}
32+
}
33+
34+
@include rmd-utils-keyboard-only(true) {
35+
&:focus::before {
36+
opacity: 1;
37+
}
38+
}
39+
40+
@include rmd-utils-touch-only(true) {
41+
&:hover::before {
42+
opacity: 0;
43+
}
1744
}
1845
}

0 commit comments

Comments
 (0)