From cd7307e2da5c60aca28cbfd276a51bbd3208355b Mon Sep 17 00:00:00 2001 From: babakfp Date: Mon, 18 Oct 2021 12:58:52 +0330 Subject: [PATCH] [tutorial-ui] Moved the description scrollbar out of the way Made it smaller and the same style as the menu scrollbar. --- site/src/routes/tutorial/[slug]/index.svelte | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte index d87a7f16db..0348389f3f 100644 --- 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),