File tree 1 file changed +20
-19
lines changed
packages/next/src/client/components/react-dev-overlay/ui/components/dialog
1 file changed +20
-19
lines changed Original file line number Diff line number Diff line change @@ -37,29 +37,30 @@ const styles = `
37
37
outline: 0;
38
38
}
39
39
40
- [data-nextjs-dialog]::-webkit-scrollbar {
41
- width: 6px;
42
- border-radius: 0 0 1rem 1rem;
43
- margin-bottom: 1rem;
44
- }
40
+ [data-nextjs-dialog], [data-nextjs-dialog] * {
41
+ &::-webkit-scrollbar {
42
+ width: 6px;
43
+ height: 6px;
44
+ border-radius: 0 0 1rem 1rem;
45
+ margin-bottom: 1rem;
46
+ }
45
47
46
- [data-nextjs-dialog] ::-webkit-scrollbar-button {
47
- display: none;
48
- }
48
+ & ::-webkit-scrollbar-button {
49
+ display: none;
50
+ }
49
51
50
- [data-nextjs-dialog]::-webkit-scrollbar-track {
51
- border-radius: 0 0 1rem 1rem;
52
- background-color: var(--color-background-100);
53
- }
54
-
55
- [data-nextjs-dialog]::-webkit-scrollbar-thumb {
56
- border-radius: 1rem;
57
- background-color: var(--color-gray-500);
52
+ &::-webkit-scrollbar-track {
53
+ border-radius: 0 0 1rem 1rem;
54
+ background-color: var(--color-background-100);
55
+ }
56
+
57
+ &::-webkit-scrollbar-thumb {
58
+ border-radius: 1rem;
59
+ background-color: var(--color-gray-500);
60
+ }
58
61
}
59
62
60
- ${
61
- '' /* Place overflow: hidden on this so we can break out from [data-nextjs-dialog] */
62
- }
63
+ /* Place overflow: hidden on this so we can break out from [data-nextjs-dialog] */
63
64
[data-nextjs-dialog-sizer] {
64
65
overflow: hidden;
65
66
border-radius: inherit;
You can’t perform that action at this time.
0 commit comments