cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 02:48:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

Revert label-less checkbox support

Browse Source
This commit is contained in:
Bill Thornton 2021-08-31 23:44:22 -04:00
parent 94c405f08e
commit 02a8160e45
8 changed files with 1 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/elements/emby-checkbox/emby-checkbox.js
View File

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

11
src/elements/emby-checkbox/emby-checkbox.scss
View File

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

9
src/themes/appletv/theme.css
View File

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

9
src/themes/blueradiance/theme.css
View File

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

9
src/themes/dark/theme.css
View File

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

9
src/themes/light/theme.css
View File

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

11
src/themes/purplehaze/theme.css
View File

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

9
src/themes/wmc/theme.css
View File

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