From d249cbc920350223e0d9e543dfa0e03516c36a3d Mon Sep 17 00:00:00 2001 From: Daniel Szymczak Date: Tue, 4 Aug 2020 21:52:15 -0400 Subject: [PATCH 1/2] Increase scrollbar size. Resolves #66 --- css/styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/css/styles.css b/css/styles.css index 70b0a237..4d44d989 100644 --- a/css/styles.css +++ b/css/styles.css @@ -444,7 +444,6 @@ input[type=number] { margin: 0px auto; box-sizing: border-box; overflow-x: auto; - scrollbar-width: thin; } @media only screen and (max-width: 1440px) and (pointer: fine) { From 7b0af9f2536b9abffe0d481ce818d4a4c27c1d42 Mon Sep 17 00:00:00 2001 From: Daniel Szymczak Date: Tue, 4 Aug 2020 21:52:15 -0400 Subject: [PATCH 2/2] Increase scrollbar size. Resolves #66 Modify table scrollbar size for webkit-based browsers --- css/styles.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/css/styles.css b/css/styles.css index 70b0a237..af0699a8 100644 --- a/css/styles.css +++ b/css/styles.css @@ -444,7 +444,6 @@ input[type=number] { margin: 0px auto; box-sizing: border-box; overflow-x: auto; - scrollbar-width: thin; } @media only screen and (max-width: 1440px) and (pointer: fine) { @@ -454,28 +453,28 @@ input[type=number] { } .table-wrapper::-webkit-scrollbar { - height: 8px; - width: 5px; + height: 2rem; + width: 1rem; } .table-wrapper::-webkit-scrollbar-track { - height: 8px; - width: 5px; + height: 2rem; + width: 1rem; box-shadow: inset 0 0 6px var(--shadow-20); -webkit-box-shadow: inset 0 0 6px var(--shadow-20); } .table-wrapper::-webkit-scrollbar-thumb { - height: 8px; - width: 5px; + height: 2rem; + width: 1rem; background: var(--shadow-20); box-shadow: inset 0 0 6px var(--shadow-20); -webkit-box-shadow: inset 0 0 6px var(--shadow-10); } .table-wrapper::-webkit-scrollbar-thumb:window-inactive { - height: 8px; - width: 5px; + height: 2rem; + width: 1rem; background: var(--shadow-20); }