From 8d11485d85362ba9f6ccacb3c87bfe07be08ba30 Mon Sep 17 00:00:00 2001 From: Eric Amodio Date: Tue, 1 Nov 2022 12:53:45 -0400 Subject: [PATCH] Updates more scrollbars to behave like vscode --- src/webviews/apps/commitDetails/commitDetails.html | 4 +- src/webviews/apps/commitDetails/commitDetails.scss | 65 +++++++++---------- src/webviews/apps/home/home.html | 2 +- src/webviews/apps/home/home.scss | 42 ++++++++++++ src/webviews/apps/plus/graph/graph.scss | 74 +++++++++++----------- src/webviews/apps/settings/settings.html | 2 +- src/webviews/apps/shared/base.scss | 42 ++++++++++++ src/webviews/apps/welcome/welcome.html | 2 +- 8 files changed, 159 insertions(+), 74 deletions(-) diff --git a/src/webviews/apps/commitDetails/commitDetails.html b/src/webviews/apps/commitDetails/commitDetails.html index c4eaa18..689060c 100644 --- a/src/webviews/apps/commitDetails/commitDetails.html +++ b/src/webviews/apps/commitDetails/commitDetails.html @@ -5,7 +5,7 @@ -
+
-

+

diff --git a/src/webviews/apps/commitDetails/commitDetails.scss b/src/webviews/apps/commitDetails/commitDetails.scss index df646ac..29afa68 100644 --- a/src/webviews/apps/commitDetails/commitDetails.scss +++ b/src/webviews/apps/commitDetails/commitDetails.scss @@ -21,26 +21,27 @@ body { font-size: var(--font-size); color: var(--color-foreground); padding: 0; -} -a { - text-decoration: none; - &:hover { - text-decoration: underline; - } -} + &.scrollable, + .scrollable { + border-color: transparent; + transition: border-color 1s linear; -ul { - list-style: none; - margin: 0; - padding: 0; -} + &:hover, + &:focus-within { + &.scrollable, + .scrollable { + border-color: var(--vscode-scrollbarSlider-background); + transition: none; + } + } + } -.bulleted { - list-style: disc; - padding-left: 1.2em; - > li + li { - margin-top: 0.25em; + &.preload { + &.scrollable, + .scrollable { + transition: none; + } } } @@ -64,24 +65,24 @@ ul { } } -.commit-detail-panel { - border-color: transparent; - transition: border-color 1s linear; - - .commit-details__message-text { - border-color: transparent; - transition: border-color 1s linear; +a { + text-decoration: none; + &:hover { + text-decoration: underline; } +} - &:hover, - &:focus-within { - transition: border-color 0.1s linear; - border-color: var(--vscode-scrollbarSlider-background); +ul { + list-style: none; + margin: 0; + padding: 0; +} - .commit-details__message-text { - transition: border-color 0.1s linear; - border-color: var(--vscode-scrollbarSlider-background); - } +.bulleted { + list-style: disc; + padding-left: 1.2em; + > li + li { + margin-top: 0.25em; } } diff --git a/src/webviews/apps/home/home.html b/src/webviews/apps/home/home.html index 72933f4..0e46271 100644 --- a/src/webviews/apps/home/home.html +++ b/src/webviews/apps/home/home.html @@ -67,7 +67,7 @@
-
+