Revert label-less checkbox support

src/elements/emby-checkbox/emby-checkbox.js

@@ -65,9 +65,7 @@ import 'webcomponents.js/webcomponents-lite';
         const uncheckedHtml = '<span class="material-icons checkboxIcon checkboxIcon-unchecked ' + uncheckedIcon + '"></span>';
         labelElement.insertAdjacentHTML('beforeend', '<span class="' + outlineClass + '">' + checkHtml + uncheckedHtml + '</span>');
 
-        if (labelTextElement) {
-            labelTextElement.classList.add('checkboxLabel');
-        }
+        labelTextElement.classList.add('checkboxLabel');
 
         this.addEventListener('keydown', onKeyDown);
 

src/elements/emby-checkbox/emby-checkbox.scss

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

src/themes/appletv/theme.css

@@ -294,14 +294,6 @@ html {
     border: 0.07em solid rgba(0, 0, 0, 0.158);
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #fff;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #00a4dc;
-}
-
 .emby-checkbox:checked + span + .checkboxOutline,
 .emby-select-withcolor:focus {
     border-color: #00a4dc;
@@ -329,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;
 }

src/themes/blueradiance/theme.css

@@ -308,14 +308,6 @@ html {
     color: #fff !important;
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #fff;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #00a4dc;
-}
-
 .emby-checkbox:checked + span + .checkboxOutline {
     border-color: #00a4dc;
 }
@@ -329,7 +321,6 @@ html {
     background-color: #00a4dc;
 }
 
-.emby-checkbox:focus:not(:checked) + .checkboxOutline,
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
 }

src/themes/dark/theme.css

@@ -289,14 +289,6 @@ html {
     color: #fff !important;
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #fff;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #00a4dc;
-}
-
 .emby-checkbox:checked + span + .checkboxOutline {
     border-color: #00a4dc;
 }
@@ -310,7 +302,6 @@ html {
     background-color: #00a4dc;
 }
 
-.emby-checkbox:focus:not(:checked) + .checkboxOutline,
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
 }

src/themes/light/theme.css

@@ -293,14 +293,6 @@ html {
     border: 0.07em solid rgba(0, 0, 0, 0.158);
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #000;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #00a4dc;
-}
-
 .emby-checkbox:checked + span + .checkboxOutline,
 .emby-select-withcolor:focus {
     border-color: #00a4dc;
@@ -315,7 +307,6 @@ html {
     background-color: #00a4dc;
 }
 
-.emby-checkbox:focus:not(:checked) + .checkboxOutline,
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
 }

src/themes/purplehaze/theme.css

@@ -393,21 +393,11 @@ a[data-role=button] {
     color: #fff !important;
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #ff77f1;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #030322;
-    border: 0.14em solid rgb(72, 195, 200);
-}
-
 .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);
 }
@@ -416,7 +406,6 @@ a[data-role=button] {
     border-color: #ff77f1;
 }
 
-.emby-checkbox:focus:not(:checked) + .checkboxOutline,
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border: 0.14em solid #ff77f1;
 }

src/themes/wmc/theme.css

@@ -276,14 +276,6 @@ html {
     border: 0.07em solid rgba(255, 255, 255, 0.135);
 }
 
-.emby-checkbox:focus + .checkboxOutline {
-    border-color: #fff;
-}
-
-.emby-checkbox:checked + .checkboxOutline {
-    background-color: #00a4dc;
-}
-
 .emby-checkbox:checked + span + .checkboxOutline,
 .emby-select-withcolor:focus {
     border-color: #00a4dc;
@@ -298,7 +290,6 @@ html {
     background-color: #00a4dc;
 }
 
-.emby-checkbox:focus:not(:checked) + .checkboxOutline,
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
 }