Add non webkit scrollbar styles.

novykh · novykh · commit 6ba1adce6a11 · 2024-02-07T16:02:52.000+02:00
diff --git a/src/mixins/webkitVisibleScrollbar.js b/src/mixins/webkitVisibleScrollbar.js
@@ -2,6 +2,9 @@ import { css } from "styled-components"
 import { getSizeBy, getRgbColor } from "@/theme/utils"
 
 export default css`
+  scrollbar-width: ${getSizeBy(1)};
+  scrollbar-color: ${getRgbColor("border", 0.3)} ${getRgbColor("border", 0.1)};
+
   &::-webkit-scrollbar {
     width: ${getSizeBy(1)};
   }

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,9 @@ import { css } from "styled-components"`
`2`	`2`	`import { getSizeBy, getRgbColor } from "@/theme/utils"`
`3`	`3`
`4`	`4`	export default css`
	`5`	`+ scrollbar-width: ${getSizeBy(1)};`
	`6`	`+ scrollbar-color: ${getRgbColor("border", 0.3)} ${getRgbColor("border", 0.1)};`
	`7`	`+`
`5`	`8`	`&::-webkit-scrollbar {`
`6`	`9`	`width: ${getSizeBy(1)};`
`7`	`10`	`}`