From 25cd203f2aae5133b392adefb2d60859a8621ea5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 7 Mar 2022 22:56:42 +0100 Subject: [PATCH] fix: :bug: *Arr: Fixes for wierd gradient rendering on chrome 99 --- css/base/lidarr/lidarr-base.css | 18 +++++++++++------- css/base/prowlarr/prowlarr-base.css | 18 +++++++++++------- css/base/radarr/radarr-base.css | 18 +++++++++++------- css/base/readarr/readarr-base.css | 18 +++++++++++------- css/base/sonarr/sonarr-base.css | 20 +++++++++++--------- 5 files changed, 55 insertions(+), 37 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 6528ae3b..ad2009aa 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -251,10 +251,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -267,6 +264,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -635,7 +636,11 @@ a:hover { /* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -644,8 +649,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index e2cdb65f..00b45811 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -556,7 +556,11 @@ a:hover { } /* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -565,8 +569,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -602,10 +605,7 @@ a:hover { /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -618,6 +618,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 76c9275f..a8dec1b7 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -566,7 +566,11 @@ a:hover { } /* LIBRARY TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -575,8 +579,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -612,10 +615,7 @@ a:hover { /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -628,6 +628,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index d2afeab4..24caabcb 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -250,10 +250,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], -[class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); +[class*="EnhancedSelectInput-options-"] { border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -266,6 +263,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -640,7 +641,11 @@ a:hover { /* TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -649,8 +654,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index df522e45..83bce2c4 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -566,7 +566,11 @@ a:hover { } /* SERIES TOP HEADER DROPDOWN */ -[class*="MenuItem-menuItem-"], +[class*="MenuItem-menuItem-"] { + color: var(--text); + background: 0; +} + [class*="MenuContent-menuContent-"] { background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -575,8 +579,7 @@ a:hover { background-size: auto, cover; -webkit-background-size: auto, cover; -moz-background-size: auto, cover; - -o-background-size: auto, cover; - color: var(--text); + -o-background-size: auto, cover; } [class*="MenuContent-scroller-"] { @@ -611,10 +614,7 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"], -[class*="EnhancedSelectInputOption-option-"], [class*="EnhancedSelectInput-optionsContainer-"] { - border: 0px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -627,6 +627,10 @@ a:hover { color: var(--text); } +[class*="EnhancedSelectInput-options-"] { + border: 1px solid rgba(var(--accent-color)) !important; +} + [class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"]:hover { background-color: rgba(255, 255, 255, 0.20) !important; @@ -642,7 +646,6 @@ a:hover { } [class*="EnhancedSelectInput-optionsModalScroller-"] { - border: 1px solid var(--drop-down-menu-bg); border-radius: 4px; background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; @@ -663,8 +666,7 @@ a:hover { color: var(--button-text-hover); } -[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { - +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }