fix(frontend): make scrollbar-color track transparent

Fix #9414
2023-06-01 12:03:07 +00:00
parent 23f272cc7d
commit eedc8049db
2 changed files with 4 additions and 1 deletions
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -34,7 +34,7 @@ html {
 	tab-size: 2;

 	&, * {
-		scrollbar-color: var(--scrollbarHandle) inherit;
+		scrollbar-color: var(--scrollbarHandle) transparent;
 		scrollbar-width: thin;

 		&::-webkit-scrollbar {
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -304,6 +304,7 @@ function onDrop(ev) {
 			&::-webkit-scrollbar-track {
 				background: transparent;
 			}
+			scrollbar-color: var(--scrollbarHandle) transparent;
 		}
 	}

@@ -316,6 +317,7 @@ function onDrop(ev) {
 			&::-webkit-scrollbar-track {
 				background: inherit;
 			}
+			scrollbar-color: var(--scrollbarHandle) transparent;
 		}
 	}
 }
@@ -400,5 +402,6 @@ function onDrop(ev) {
 	&::-webkit-scrollbar-track {
 		background: var(--panel);
 	}
+	scrollbar-color: var(--scrollbarHandle) var(--panel);
 }
 </style>