From e19b739c795614f1fb48f990d666a26a6e5aec03 Mon Sep 17 00:00:00 2001 From: Ian Walton Date: Sat, 24 Apr 2021 13:08:23 -0400 Subject: [PATCH 1/2] Set scrollbar width on TV mode. --- src/themes/blueradiance/theme.css | 7 ++++--- src/themes/dark/theme.css | 3 ++- src/themes/purplehaze/theme.css | 5 +++-- src/themes/wmc/theme.css | 7 ++++--- 4 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index f8ef781beb..a108cab0cf 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -476,9 +476,10 @@ html { background-color: #3b3b3b; } -.layout-desktop ::-webkit-scrollbar { - width: 1em; - height: 1em; +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { + width: 0.4em; + height: 0.4em; } ::-webkit-scrollbar-thumb:horizontal, diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index d1f0ead9e7..f1c17fe9fd 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -450,7 +450,8 @@ html { background-color: #3b3b3b; } -.layout-desktop ::-webkit-scrollbar { +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { width: 0.4em; height: 0.4em; } diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index ad85d39583..8b6b61d945 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -595,9 +595,10 @@ a[data-role=button] { background-color: rgba(59, 59, 59, 0.5); } -.layout-desktop ::-webkit-scrollbar { +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { width: 0.4em; - height: 1em; + height: 0.4em; } ::-webkit-scrollbar-thumb:horizontal, diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 3367821be1..2af8d0d137 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -456,9 +456,10 @@ html { background-color: #081b3b; } -.layout-desktop ::-webkit-scrollbar { - width: 1em; - height: 1em; +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { + width: 0.4em; + height: 0.4em; } ::-webkit-scrollbar-thumb:horizontal, From ea99c427b108deeeffce5f54893a22d9908d86fb Mon Sep 17 00:00:00 2001 From: Ian Walton Date: Sat, 24 Apr 2021 13:16:24 -0400 Subject: [PATCH 2/2] Don't lose theme-specific sizing. --- src/themes/blueradiance/theme.css | 4 ++-- src/themes/purplehaze/theme.css | 2 +- src/themes/wmc/theme.css | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index a108cab0cf..76275f5c16 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -478,8 +478,8 @@ html { .layout-desktop ::-webkit-scrollbar, .layout-tv ::-webkit-scrollbar { - width: 0.4em; - height: 0.4em; + width: 1em; + height: 1em; } ::-webkit-scrollbar-thumb:horizontal, diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 8b6b61d945..dc9cb9de48 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -598,7 +598,7 @@ a[data-role=button] { .layout-desktop ::-webkit-scrollbar, .layout-tv ::-webkit-scrollbar { width: 0.4em; - height: 0.4em; + height: 1em; } ::-webkit-scrollbar-thumb:horizontal, diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 2af8d0d137..3004a2db5b 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -458,8 +458,8 @@ html { .layout-desktop ::-webkit-scrollbar, .layout-tv ::-webkit-scrollbar { - width: 0.4em; - height: 0.4em; + width: 1em; + height: 1em; } ::-webkit-scrollbar-thumb:horizontal,