From 7cf812df3722250b2a6c2bfbf0fbc76a99c84b40 Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Thu, 29 Apr 2021 15:37:44 -0400 Subject: [PATCH] Merge pull request #2617 from iwalton3/tv-scroll-styling-chrome Set scrollbar width in TV mode. (cherry picked from commit c1b847a309ea343354615279ae90785f41f8469d) Signed-off-by: Joshua M. Boniface --- src/themes/blueradiance/theme.css | 3 ++- src/themes/dark/theme.css | 3 ++- src/themes/purplehaze/theme.css | 3 ++- src/themes/wmc/theme.css | 3 ++- 4 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index f8ef781beb..76275f5c16 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -476,7 +476,8 @@ html { background-color: #3b3b3b; } -.layout-desktop ::-webkit-scrollbar { +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { width: 1em; height: 1em; } 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..dc9cb9de48 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -595,7 +595,8 @@ 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; } diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 3367821be1..3004a2db5b 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -456,7 +456,8 @@ html { background-color: #081b3b; } -.layout-desktop ::-webkit-scrollbar { +.layout-desktop ::-webkit-scrollbar, +.layout-tv ::-webkit-scrollbar { width: 1em; height: 1em; }