Implement basic SyncPlay settings

This commit is contained in:
Ionut Andrei Oanca 2020-10-14 20:40:46 +01:00 committed by Bill Thornton
parent 4a5051317b
commit 94c405f08e
20 changed files with 618 additions and 17 deletions

View file

@ -294,6 +294,14 @@ 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;
@ -321,6 +329,7 @@ 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;
}

View file

@ -308,6 +308,14 @@ 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;
}
@ -321,6 +329,7 @@ html {
background-color: #00a4dc;
}
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
border-color: #00a4dc;
}

View file

@ -289,6 +289,14 @@ 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;
}
@ -302,6 +310,7 @@ html {
background-color: #00a4dc;
}
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
border-color: #00a4dc;
}

View file

@ -293,6 +293,14 @@ 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;
@ -307,6 +315,7 @@ html {
background-color: #00a4dc;
}
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
border-color: #00a4dc;
}

View file

@ -105,11 +105,13 @@ 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;
}
@ -391,11 +393,21 @@ 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);
}
@ -404,6 +416,7 @@ 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;
}

View file

@ -276,6 +276,14 @@ 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;
@ -290,6 +298,7 @@ html {
background-color: #00a4dc;
}
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
border-color: #00a4dc;
}