diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index 7db407e2c5..48e6fe807e 100644 --- a/src/assets/css/dashboard.css +++ b/src/assets/css/dashboard.css @@ -77,7 +77,6 @@ progress[aria-valuenow]::before { height: 4em; } -.controlGroupButton, a[data-role=button] { background: #292929 !important; background-clip: padding-box; @@ -94,7 +93,6 @@ a[data-role=button] { text-decoration: none !important; } -div[data-role=controlgroup] .controlGroupButton, div[data-role=controlgroup] a[data-role=button] { display: inline-block !important; margin: 0 !important; @@ -104,7 +102,6 @@ div[data-role=controlgroup] a[data-role=button] { border-radius: 0; } -div[data-role=controlgroup] .controlGroupButton:first-child, div[data-role=controlgroup] a[data-role=button]:first-child { -webkit-border-bottom-left-radius: 0.3125em; border-bottom-left-radius: 0.3125em; @@ -112,7 +109,6 @@ div[data-role=controlgroup] a[data-role=button]:first-child { border-top-left-radius: 0.3125em; } -div[data-role=controlgroup] .controlGroupButton:last-child, div[data-role=controlgroup] a[data-role=button]:last-child { -webkit-border-bottom-right-radius: 0.3125em; border-bottom-right-radius: 0.3125em; @@ -120,13 +116,11 @@ div[data-role=controlgroup] a[data-role=button]:last-child { border-top-right-radius: 0.3125em; } -div[data-role=controlgroup] .controlGroupButton + .controlGroupButton, div[data-role=controlgroup] a[data-role=button] + a[data-role=button] { border-left-width: 0 !important; margin: 0 0 0 -0.4em !important; } -div[data-role=controlgroup] .controlGroupButton.ui-btn-active, div[data-role=controlgroup] a.ui-btn-active { background: #00a4dc !important; color: #292929 !important; diff --git a/src/elements/emby-checkbox/emby-checkbox.css b/src/elements/emby-checkbox/emby-checkbox.css index e839e44f61..b33a216140 100644 --- a/src/elements/emby-checkbox/emby-checkbox.css +++ b/src/elements/emby-checkbox/emby-checkbox.css @@ -22,10 +22,6 @@ display: flex; } -.checkboxContainer-noText { - margin-bottom: 0; -} - .checkboxListContainer { margin-bottom: 1.8em; } @@ -67,10 +63,6 @@ justify-content: center; } -.checkboxContainer-noText .checkboxOutline { - top: auto; -} - .checkboxIcon { font-size: 1.6em; color: #fff; @@ -81,19 +73,16 @@ display: none; } -.emby-checkbox:checked + .checkboxOutline > .checkboxIcon-checked, .emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked { /* background color set by theme */ display: flex !important; } -.emby-checkbox:checked + .checkboxOutline > .checkboxIcon-unchecked, .emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-unchecked { /* background color set by theme */ display: none !important; } -.emby-checkbox:checked[disabled] + .checkboxOutline > .checkboxIcon, .emby-checkbox:checked[disabled] + span + .checkboxOutline > .checkboxIcon { background-color: rgba(0, 0, 0, 0.26); } diff --git a/src/elements/emby-checkbox/emby-checkbox.js b/src/elements/emby-checkbox/emby-checkbox.js index 6976d1df8a..0af079ec06 100644 --- a/src/elements/emby-checkbox/emby-checkbox.js +++ b/src/elements/emby-checkbox/emby-checkbox.js @@ -65,9 +65,7 @@ import 'webcomponents.js/webcomponents-lite'; const uncheckedHtml = ''; labelElement.insertAdjacentHTML('beforeend', '' + checkHtml + uncheckedHtml + ''); - if (labelTextElement) { - labelTextElement.classList.add('checkboxLabel'); - } + labelTextElement.classList.add('checkboxLabel'); this.addEventListener('keydown', onKeyDown); diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index a4fd330307..535e18ff99 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -294,18 +294,15 @@ html { border: 0.07em solid rgba(0, 0, 0, 0.158); } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline { background-color: #00a4dc; } @@ -324,7 +321,6 @@ html { margin: 0.4rem 0.5rem 0.4rem 0.5rem; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index 5bcb48ad5b..f8ef781beb 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -308,23 +308,19 @@ html { color: #fff !important; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline { border-color: #00a4dc; } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index 9236b0e148..d1f0ead9e7 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -289,23 +289,19 @@ html { color: #fff !important; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline { border-color: #00a4dc; } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index 1d299d5e8b..a241c80567 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -293,24 +293,20 @@ html { border: 0.07em solid rgba(0, 0, 0, 0.158); } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #000; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; } diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 616ada26da..ad85d39583 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -105,13 +105,11 @@ progress::-webkit-progress-value { background: #ff77f1; } -div[data-role=controlgroup] .controlGroupButton.ui-btn-active, div[data-role=controlgroup] a.ui-btn-active { background: #55828b !important; color: #e1e5f2 !important; } -.controlGroupButton, a[data-role=button] { background: rgba(2, 43, 58, 0.521) !important; } @@ -398,23 +396,19 @@ a[data-role=button] { color: #fff !important; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline { background-color: #030322; border: 0.14em solid rgb(72, 195, 200); } -.emby-checkbox:checked + .checkboxOutline > .minimalCheckboxIcon-checked, .emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked { color: rgb(12, 232, 214); } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #ff77f1; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border: 0.14em solid #ff77f1; } diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 371f8efd7b..3367821be1 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -276,24 +276,20 @@ html { border: 0.07em solid rgba(255, 255, 255, 0.135); } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .emby-select-withcolor:focus { border-color: #00a4dc; } -.emby-checkbox:focus + .checkboxOutline, .emby-checkbox:focus + span + .checkboxOutline { border-color: #fff; } -.emby-checkbox:checked + .checkboxOutline, .emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground { background-color: #00a4dc; } -.emby-checkbox:focus:not(:checked) + .checkboxOutline, .emby-checkbox:focus:not(:checked) + span + .checkboxOutline { border-color: #00a4dc; }