[tutorial-ui] Moved the description scrollbar out of the way

Made it smaller and the same style as the menu scrollbar.
5 years ago · cd7307e2da
parent 54f845ff70
commit cd7307e2da
1 changed files with 12 additions and 5 deletions
--- a/site/src/routes/tutorial/[slug]/index.svelte
+++ b/site/src/routes/tutorial/[slug]/index.svelte
@ -190,13 +190,20 @@
 	}

 	.chapter-markup::-webkit-scrollbar {
-		background-color: var(--second);
-		width: 8px;
+		width: 4px;
+	}
+	.chapter-markup::-webkit-scrollbar-track,
+	.chapter-markup::-webkit-scrollbar-thumb {
+		border-radius: 4px;
+	}
+	.chapter-markup::-webkit-scrollbar-track {
+		background: rgb(255, 255, 255, .2);
 	}
-
 	.chapter-markup::-webkit-scrollbar-thumb {
-		background-color: rgb(255, 255, 255, .7);
-		border-radius: 1em;
+		background: rgb(255, 255, 255, .4);
+	}
+	.chapter-markup::-webkit-scrollbar-thumb:hover {
+		background: rgb(255, 255, 255, .6);
 	}

 	.chapter-markup :global(p) > :global(code),