Merge pull request #231 from OCram85/fixScrollbar

h-enk · web-flow · commit de94e5a9be1a · 2021-06-14T16:29:57.000+02:00
🐛 Fixes scrollbar in code blocks
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
@@ -188,7 +188,7 @@ body.dark .docs-navigation {
 }
 
 body.dark pre code::-webkit-scrollbar-thumb {
-  background: $border-dark;
+  background: $gray-400;
 }
 
 body.dark code:not(.hljs) {
@@ -202,7 +202,7 @@ body.dark pre code:hover {
 }
 
 body.dark pre code::-webkit-scrollbar-thumb:hover {
-  background: $border-dark;
+  background: $gray-500;
 }
 
 body.dark blockquote {
diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss
@@ -49,14 +49,14 @@ pre code::-webkit-scrollbar {
 }
 
 pre code::-webkit-scrollbar-thumb {
-  background: $gray-200;
+  background: $gray-400;
 }
 
 pre code:hover {
   scrollbar-width: thin;
-  scrollbar-color: $gray-200 transparent;
+  scrollbar-color: $gray-500 transparent;
 }
 
 pre code::-webkit-scrollbar-thumb:hover {
-  background: $gray-200;
+  background: $gray-500;
 }

Original file line number	Diff line number	Diff line change
`@@ -188,7 +188,7 @@ body.dark .docs-navigation {`
`188`	`188`	`}`
`189`	`189`
`190`	`190`	`body.dark pre code::-webkit-scrollbar-thumb {`
`191`		`- background: $border-dark;`
	`191`	`+ background: $gray-400;`
`192`	`192`	`}`
`193`	`193`
`194`	`194`	`body.dark code:not(.hljs) {`
`@@ -202,7 +202,7 @@ body.dark pre code:hover {`
`202`	`202`	`}`
`203`	`203`
`204`	`204`	`body.dark pre code::-webkit-scrollbar-thumb:hover {`
`205`		`- background: $border-dark;`
	`205`	`+ background: $gray-500;`
`206`	`206`	`}`
`207`	`207`
`208`	`208`	`body.dark blockquote {`
Original file line number	Diff line number	Diff line change
`@@ -49,14 +49,14 @@ pre code::-webkit-scrollbar {`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`pre code::-webkit-scrollbar-thumb {`
`52`		`- background: $gray-200;`
	`52`	`+ background: $gray-400;`
`53`	`53`	`}`
`54`	`54`
`55`	`55`	`pre code:hover {`
`56`	`56`	`scrollbar-width: thin;`
`57`		`- scrollbar-color: $gray-200 transparent;`
	`57`	`+ scrollbar-color: $gray-500 transparent;`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`pre code::-webkit-scrollbar-thumb:hover {`
`61`		`- background: $gray-200;`
	`61`	`+ background: $gray-500;`
`62`	`62`	`}`