From 80178f7958972f054d07cf2d8bf504b83804057e Mon Sep 17 00:00:00 2001 From: Dark Date: Mon, 31 Dec 2018 13:00:55 -0500 Subject: [PATCH 1/2] Add custom webkit scrollbars --- src/css/livesplit.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/css/livesplit.css b/src/css/livesplit.css index 720ed9b..376627d 100644 --- a/src/css/livesplit.css +++ b/src/css/livesplit.css @@ -859,3 +859,19 @@ button.disabled, button.button-pressed.disabled, button.disabled:active { white-space: nowrap; overflow: hidden; } + +/* WebKit Scrollbars */ +::-webkit-scrollbar { + width: 10px +} + +::-webkit-scrollbar-thumb { + background-clip: padding-box; + background-color: #303030; + border: 0px solid #0000; + border-radius: 10px +} + +::-webkit-scrollbar-track-piece { + background-color: #0000 +} From 1942f7867cf851ea287f90a67955a0f25aa78a8b Mon Sep 17 00:00:00 2001 From: Dark Date: Tue, 1 Jan 2019 10:39:57 -0500 Subject: [PATCH 2/2] Prevent scrollbar from displacing sidebar elements --- src/css/livesplit.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/css/livesplit.css b/src/css/livesplit.css index 376627d..6f7258e 100644 --- a/src/css/livesplit.css +++ b/src/css/livesplit.css @@ -132,7 +132,7 @@ body { } .sidebar > div > div.small > button { - width: 125px; + width: 50%; height: 40px; font-size: 18px; } @@ -144,7 +144,7 @@ body { } .choose-comparison > span { - width: 190px; + width: calc(100% - 60px); text-align: center; display: inline-block; font-size: 20px; @@ -462,7 +462,7 @@ button { } .sidebar-buttons > button { - width: 250px; + width: 100%; height: 40px; }