Browse Source

fix: 🐛 *Arr: Fixes for wierd gradient rendering on chrome 99

pull/330/head
GilbN 3 years ago
parent
commit
25cd203f2a
  1. 18
      css/base/lidarr/lidarr-base.css
  2. 18
      css/base/prowlarr/prowlarr-base.css
  3. 18
      css/base/radarr/radarr-base.css
  4. 18
      css/base/readarr/readarr-base.css
  5. 20
      css/base/sonarr/sonarr-base.css

18
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-"] {

18
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;

18
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;

18
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-"] {

20
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);
}

Loading…
Cancel
Save