diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-10-18 11:06:35 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-10-18 11:06:35 +0200 |
| commit | 11266744db4438adfded94b951ffcf2f42539f52 (patch) | |
| tree | 3cfb89a2d98eab9df48bb9d8dea5826157d0658c | |
| parent | ba817cf569cd3505bdae19d6683cfc158c628e96 (diff) | |
| parent | 4b18f3bd0686098ba36758868462ff65058eac81 (diff) | |
| download | mullvadvpn-11266744db4438adfded94b951ffcf2f42539f52.tar.xz mullvadvpn-11266744db4438adfded94b951ffcf2f42539f52.zip | |
Merge branch 'make-scrollbar-more-visible'
| -rw-r--r-- | gui/src/renderer/components/CustomScrollbars.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/gui/src/renderer/components/CustomScrollbars.tsx b/gui/src/renderer/components/CustomScrollbars.tsx index ec38edde84..33df5d040b 100644 --- a/gui/src/renderer/components/CustomScrollbars.tsx +++ b/gui/src/renderer/components/CustomScrollbars.tsx @@ -33,7 +33,7 @@ const StyledTrack = styled.div({}, (props: { show: boolean }) => ({ right: 0, bottom: 0, width: '16px', - backgroundColor: 'rgba(0, 0, 0, 0.1)', + backgroundColor: 'rgba(0, 0, 0, 0.2)', opacity: props.show ? 1 : 0, transition: 'width 0.1s ease-in-out, opacity 0.25s ease-in-out', zIndex: 98, @@ -44,7 +44,7 @@ const StyledThumb = styled.div({}, (props: { show: boolean; active: boolean; wid position: 'absolute', top: 0, right: 0, - backgroundColor: props.active ? 'rgba(255, 255, 255, 0.4)' : 'rgba(255, 255, 255, 0.2)', + backgroundColor: props.active ? 'rgba(255, 255, 255, 0.65)' : 'rgba(255, 255, 255, 0.4)', borderRadius: props.wide ? '6px' : '4px', width: props.wide ? '12px' : '8px', transition: |