feat(editor): scrollbar style for firefox (#320)

wangcch · web-flow · commit bbc740bfa840 · 2025-02-18T11:03:45.000+08:00
diff --git a/src/editor/FileSelector.vue b/src/editor/FileSelector.vue
@@ -198,6 +198,13 @@ function horizontalScroll(e: WheelEvent) {
   background-color: var(--color-branding);
 }
 
+@-moz-document url-prefix() {
+  .file-selector {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-branding) var(--border);
+  }
+}
+
 .file-selector.has-import-map .add {
   margin-right: 10px;
 }

Original file line number	Diff line number	Diff line change
`@@ -198,6 +198,13 @@ function horizontalScroll(e: WheelEvent) {`
`198`	`198`	`background-color: var(--color-branding);`
`199`	`199`	`}`
`200`	`200`
	`201`	`+@-moz-document url-prefix() {`
	`202`	`+ .file-selector {`
	`203`	`+ scrollbar-width: thin;`
	`204`	`+ scrollbar-color: var(--color-branding) var(--border);`
	`205`	`+ }`
	`206`	`+}`
	`207`	`+`
`201`	`208`	`.file-selector.has-import-map .add {`
`202`	`209`	`margin-right: 10px;`
`203`	`210`	`}`