From ff67afeaa7470e74d72b90afb57df0ec7dbf8d95 Mon Sep 17 00:00:00 2001 From: MrTimscampi Date: Sun, 19 Jan 2020 13:50:29 +0100 Subject: [PATCH] Fix declaration-block-no-shorthand-property-overrides (CSS) --- src/assets/css/dashboard.css | 2 +- src/components/cardbuilder/card.css | 2 +- src/elements/emby-button/emby-button.css | 4 ++-- src/elements/emby-slider/emby-slider.css | 2 +- src/themes/blueradiance/theme.css | 4 ++-- src/themes/purplehaze/theme.css | 2 +- src/themes/wmc/theme.css | 10 ++++++---- 7 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index d1f0b540aa..7c905b2c21 100644 --- a/src/assets/css/dashboard.css +++ b/src/assets/css/dashboard.css @@ -417,6 +417,7 @@ div[data-role=controlgroup] a.ui-btn-active { } a[data-role=button] { + background: #292929 !important; background-clip: padding-box; -webkit-font-smoothing: antialiased; -webkit-user-select: none; @@ -429,7 +430,6 @@ a[data-role=button] { padding: .8em 1em; text-align: center; text-decoration: none !important; - background: #292929 !important; } @-webkit-keyframes rotating { diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index d0f9a65840..c5e56c7a87 100644 --- a/src/components/cardbuilder/card.css +++ b/src/components/cardbuilder/card.css @@ -12,8 +12,8 @@ button { font-size: inherit !important; font-family: inherit !important; text-transform: none; - background-color: transparent !important; background: none !important; + background-color: transparent !important; margin: 0; padding: 0; display: block; diff --git a/src/elements/emby-button/emby-button.css b/src/elements/emby-button/emby-button.css index f78fa21e74..60f0e943c9 100644 --- a/src/elements/emby-button/emby-button.css +++ b/src/elements/emby-button/emby-button.css @@ -8,6 +8,8 @@ font-size: inherit; font-family: inherit; color: inherit; + /* These are getting an outline in opera tv browsers, which run chrome 30 */ + outline: none !important; outline-width: 0; -moz-user-select: none; -ms-user-select: none; @@ -19,8 +21,6 @@ vertical-align: middle; border: 0; border-radius: 0.2em; - /* These are getting an outline in opera tv browsers, which run chrome 30 */ - outline: none !important; font-weight: 600; /* Disable webkit tap highlighting */ -webkit-tap-highlight-color: rgba(0,0,0,0); diff --git a/src/elements/emby-slider/emby-slider.css b/src/elements/emby-slider/emby-slider.css index 71f260772f..f42d6e548d 100644 --- a/src/elements/emby-slider/emby-slider.css +++ b/src/elements/emby-slider/emby-slider.css @@ -102,8 +102,8 @@ _:-ms-input-placeholder { height: 0.9em; box-sizing: border-box; border-radius: 50%; - background-image: none; background: #00a4dc; + background-image: none; border: none; transform: Scale(1.4, 1.4); } diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index 5469076a4b..6040d9b19f 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -26,11 +26,11 @@ html { .skinHeader.semiTransparent { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; - background-color: rgba(0, 0, 0, .3); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); - background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) + background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); + background-color: rgba(0, 0, 0, .3); } .pageTitleWithDefaultLogo { diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index ebd290e940..12045f50b2 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -26,11 +26,11 @@ html { .skinHeader.semiTransparent { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; - background-color: rgba(0, 0, 0, .3); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) + background-color: rgba(0, 0, 0, .3); } .pageTitleWithDefaultLogo { diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 5020414cb5..d0691877b5 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -22,21 +22,21 @@ html { .formDialogHeader:not(.formDialogHeader-clear), .skinHeader-withBackground { - background-color: #0C2450; background: -webkit-gradient(linear, left top, left bottom, from(#0C2450), to(#081B3B)); background: -webkit-linear-gradient(top, #0C2450, #081B3B); background: -o-linear-gradient(top, #0C2450, #081B3B); - background: linear-gradient(to bottom, #0C2450, #081B3B) + background: linear-gradient(to bottom, #0C2450, #081B3B); + background-color: #0C2450; } .skinHeader.semiTransparent { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; - background-color: rgba(0, 0, 0, .3); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)); background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) + background-color: rgba(0, 0, 0, .3); } .pageTitleWithDefaultLogo { @@ -45,11 +45,11 @@ html { .backgroundContainer, .dialog { - background-color: #0F3562; background: -webkit-gradient(linear, left top, left bottom, from(#0F3562), color-stop(#1162A4), to(#03215F)); background: -webkit-linear-gradient(top, #0F3562, #1162A4, #03215F); background: -o-linear-gradient(top, #0F3562, #1162A4, #03215F); background: linear-gradient(to bottom, #0F3562, #1162A4, #03215F) + background-color: #0F3562; } .backgroundContainer.withBackdrop { @@ -427,6 +427,7 @@ html { } ::-webkit-scrollbar-track { + box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } @@ -436,6 +437,7 @@ html { ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical { + border-radius: 2px; -webkit-border-radius: 2px; background: center no-repeat rgba(255, 255, 255, .7) }