From 6a4b9a96446a90e7d7f28301cc7b5d96678ca545 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 1 Jan 2022 11:37:34 +0100 Subject: [PATCH] *arr webkit fixes for #308 --- css/base/lidarr/lidarr-base.css | 36 +++++++++++++++++++++++++---- css/base/prowlarr/prowlarr-base.css | 14 ++++++++--- css/base/radarr/radarr-base.css | 33 ++++++++++++++++++++++++-- css/base/readarr/readarr-base.css | 36 +++++++++++++++++++++++++---- css/base/sonarr/sonarr-base.css | 36 +++++++++++++++++++++++++---- 5 files changed, 138 insertions(+), 17 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index f33e0877..1a6fcb1d 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -251,8 +251,10 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); +[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; @@ -275,11 +277,37 @@ a:hover { background-color: rgba(255, 255, 255, 0.08); } -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { +[class*="HintedSelectInputOption-hintText-"] { color: var(--text); } +[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; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"] { + color: var(--button-text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { + color: var(--button-text-hover); +} + +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { + + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + /* SIDE MENU */ [class*="PageSidebar-sidebarContainer-"] { background-color: rgba(0, 0, 0, .25); diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index 24db8c24..0ca542dc 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -603,8 +603,8 @@ a:hover { /* ADD NEW */ [class*="EnhancedSelectInput-options-"], -.EnhancedSelectInputOption-option-g4V97, -.EnhancedSelectInput-optionsContainer-Ysa4r { +[class*="EnhancedSelectInputOption-option-"], +[class*="EnhancedSelectInput-optionsContainer-"] { border: 0px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background: var(--drop-down-menu-bg); @@ -635,7 +635,15 @@ a:hover { [class*="EnhancedSelectInput-optionsModalScroller-"] { border: 1px solid var(--drop-down-menu-bg); border-radius: 4px; - background-color: var(--drop-down-menu-bg); + background: var(--drop-down-menu-bg); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); } [class*="EnhancedSelectInput-mobileCloseButton-"] { diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 783027f1..96d03a18 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -612,8 +612,10 @@ a:hover { /* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); +[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; @@ -640,6 +642,33 @@ a:hover { color: var(--text); } +[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; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"] { + color: var(--button-text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { + color: var(--button-text-hover); +} + +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { + + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + /* SEARCH BAR */ [class*="Input-input-"], [class*="AddNewMovie-searchIconContainer-"], diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index b53b6de4..ab9fc8a3 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -250,8 +250,10 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); +[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; @@ -274,11 +276,37 @@ a:hover { background-color: rgba(255, 255, 255, 0.08); } -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { +[class*="HintedSelectInputOption-hintText-"] { color: var(--text); } +[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; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"] { + color: var(--button-text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { + color: var(--button-text-hover); +} + +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { + + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + /* SIDE MENU */ [class*="PageSidebar-sidebarContainer-"] { background-color: rgba(0, 0, 0, .25); diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index f5a16e74..7d7ee3a2 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -611,8 +611,10 @@ a:hover { } /* ADD NEW */ -[class*="EnhancedSelectInput-options-"] { - border: 1px solid rgba(255, 255, 255, 0.2); +[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; @@ -635,11 +637,37 @@ a:hover { background-color: rgba(255, 255, 255, 0.08); } -[class*="HintedSelectInputOption-hintText-"], -[class*="RootFolderSelectInputOption-freeSpace-"] { +[class*="HintedSelectInputOption-hintText-"] { color: var(--text); } +[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; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"] { + color: var(--button-text); +} + +[class*="EnhancedSelectInput-mobileCloseButton-"]:hover { + color: var(--button-text-hover); +} + +[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { + + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + /* SEARCH BAR */ [class*="Input-input-"], [class*="AddNewSeries-searchIconContainer-"],