From 0326e1f378551df78fe0223f280dce73876652a5 Mon Sep 17 00:00:00 2001 From: Aaron Shekey Date: Mon, 10 Feb 2020 17:49:36 -0600 Subject: [PATCH 1/3] Widen the scrollbar --- lib/css/exports/_stacks-constants-helpers.less | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/lib/css/exports/_stacks-constants-helpers.less b/lib/css/exports/_stacks-constants-helpers.less index d58364ee1c..603de807ee 100644 --- a/lib/css/exports/_stacks-constants-helpers.less +++ b/lib/css/exports/_stacks-constants-helpers.less @@ -101,18 +101,18 @@ // ---------------------------------------------------------------------------- @scrollbar-styles: { &::-webkit-scrollbar { - width: @su8; - height: @su8; + width: @su812; + height: @su12; background-color: transparent; } &::-webkit-scrollbar-track { - border-radius: @su8; + border-radius: @su12; background-color: transparent; } &::-webkit-scrollbar-thumb { - border-radius: @su8; + border-radius: @su12; background-color: var(--scrollbar); } @@ -122,5 +122,4 @@ } scrollbar-color: var(--scrollbar) transparent; - scrollbar-width: thin; } \ No newline at end of file From 306ac4d863f44296b6437c33fd800edeaa5e4d94 Mon Sep 17 00:00:00 2001 From: Aaron Shekey Date: Mon, 10 Feb 2020 17:49:56 -0600 Subject: [PATCH 2/3] Typo --- lib/css/exports/_stacks-constants-helpers.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/css/exports/_stacks-constants-helpers.less b/lib/css/exports/_stacks-constants-helpers.less index 603de807ee..1e9eb2ec43 100644 --- a/lib/css/exports/_stacks-constants-helpers.less +++ b/lib/css/exports/_stacks-constants-helpers.less @@ -101,7 +101,7 @@ // ---------------------------------------------------------------------------- @scrollbar-styles: { &::-webkit-scrollbar { - width: @su812; + width: @su12; height: @su12; background-color: transparent; } From e139c3f0d230f0adfc7222b4d00471b79630c69e Mon Sep 17 00:00:00 2001 From: Aaron Shekey Date: Mon, 10 Feb 2020 18:25:41 -0600 Subject: [PATCH 3/3] Let's use 10px instead --- lib/css/exports/_stacks-constants-helpers.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/css/exports/_stacks-constants-helpers.less b/lib/css/exports/_stacks-constants-helpers.less index 1e9eb2ec43..476527e9a2 100644 --- a/lib/css/exports/_stacks-constants-helpers.less +++ b/lib/css/exports/_stacks-constants-helpers.less @@ -101,18 +101,18 @@ // ---------------------------------------------------------------------------- @scrollbar-styles: { &::-webkit-scrollbar { - width: @su12; - height: @su12; + width: @su12 - @su2; + height: @su12 - @su2; background-color: transparent; } &::-webkit-scrollbar-track { - border-radius: @su12; + border-radius: @su12 - @su2; background-color: transparent; } &::-webkit-scrollbar-thumb { - border-radius: @su12; + border-radius: @su12 - @su2; background-color: var(--scrollbar); }