mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Remove unwanted changes
This commit is contained in:
parent
d8beb9909f
commit
66303bdbe5
9 changed files with 1 additions and 46 deletions
|
@ -77,7 +77,6 @@ progress[aria-valuenow]::before {
|
||||||
height: 4em;
|
height: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.controlGroupButton,
|
|
||||||
a[data-role=button] {
|
a[data-role=button] {
|
||||||
background: #292929 !important;
|
background: #292929 !important;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
|
@ -94,7 +93,6 @@ a[data-role=button] {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton,
|
|
||||||
div[data-role=controlgroup] a[data-role=button] {
|
div[data-role=controlgroup] a[data-role=button] {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
@ -104,7 +102,6 @@ div[data-role=controlgroup] a[data-role=button] {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton:first-child,
|
|
||||||
div[data-role=controlgroup] a[data-role=button]:first-child {
|
div[data-role=controlgroup] a[data-role=button]:first-child {
|
||||||
-webkit-border-bottom-left-radius: 0.3125em;
|
-webkit-border-bottom-left-radius: 0.3125em;
|
||||||
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;
|
border-top-left-radius: 0.3125em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton:last-child,
|
|
||||||
div[data-role=controlgroup] a[data-role=button]:last-child {
|
div[data-role=controlgroup] a[data-role=button]:last-child {
|
||||||
-webkit-border-bottom-right-radius: 0.3125em;
|
-webkit-border-bottom-right-radius: 0.3125em;
|
||||||
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;
|
border-top-right-radius: 0.3125em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton + .controlGroupButton,
|
|
||||||
div[data-role=controlgroup] a[data-role=button] + a[data-role=button] {
|
div[data-role=controlgroup] a[data-role=button] + a[data-role=button] {
|
||||||
border-left-width: 0 !important;
|
border-left-width: 0 !important;
|
||||||
margin: 0 0 0 -0.4em !important;
|
margin: 0 0 0 -0.4em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton.ui-btn-active,
|
|
||||||
div[data-role=controlgroup] a.ui-btn-active {
|
div[data-role=controlgroup] a.ui-btn-active {
|
||||||
background: #00a4dc !important;
|
background: #00a4dc !important;
|
||||||
color: #292929 !important;
|
color: #292929 !important;
|
||||||
|
|
|
@ -22,10 +22,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkboxContainer-noText {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkboxListContainer {
|
.checkboxListContainer {
|
||||||
margin-bottom: 1.8em;
|
margin-bottom: 1.8em;
|
||||||
}
|
}
|
||||||
|
@ -67,10 +63,6 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkboxContainer-noText .checkboxOutline {
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkboxIcon {
|
.checkboxIcon {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -81,19 +73,16 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline > .checkboxIcon-checked,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
|
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
|
||||||
/* background color set by theme */
|
/* background color set by theme */
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline > .checkboxIcon-unchecked,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-unchecked {
|
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-unchecked {
|
||||||
/* background color set by theme */
|
/* background color set by theme */
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked[disabled] + .checkboxOutline > .checkboxIcon,
|
|
||||||
.emby-checkbox:checked[disabled] + span + .checkboxOutline > .checkboxIcon {
|
.emby-checkbox:checked[disabled] + span + .checkboxOutline > .checkboxIcon {
|
||||||
background-color: rgba(0, 0, 0, 0.26);
|
background-color: rgba(0, 0, 0, 0.26);
|
||||||
}
|
}
|
||||||
|
|
|
@ -65,9 +65,7 @@ import 'webcomponents.js/webcomponents-lite';
|
||||||
const uncheckedHtml = '<span class="material-icons checkboxIcon checkboxIcon-unchecked ' + uncheckedIcon + '"></span>';
|
const uncheckedHtml = '<span class="material-icons checkboxIcon checkboxIcon-unchecked ' + uncheckedIcon + '"></span>';
|
||||||
labelElement.insertAdjacentHTML('beforeend', '<span class="' + outlineClass + '">' + checkHtml + uncheckedHtml + '</span>');
|
labelElement.insertAdjacentHTML('beforeend', '<span class="' + outlineClass + '">' + checkHtml + uncheckedHtml + '</span>');
|
||||||
|
|
||||||
if (labelTextElement) {
|
labelTextElement.classList.add('checkboxLabel');
|
||||||
labelTextElement.classList.add('checkboxLabel');
|
|
||||||
}
|
|
||||||
|
|
||||||
this.addEventListener('keydown', onKeyDown);
|
this.addEventListener('keydown', onKeyDown);
|
||||||
|
|
||||||
|
|
|
@ -294,18 +294,15 @@ html {
|
||||||
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.emby-select-withcolor:focus {
|
.emby-select-withcolor:focus {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline {
|
.emby-checkbox:checked + span + .checkboxOutline {
|
||||||
background-color: #00a4dc;
|
background-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
@ -324,7 +321,6 @@ html {
|
||||||
margin: 0.4rem 0.5rem 0.4rem 0.5rem;
|
margin: 0.4rem 0.5rem 0.4rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -308,23 +308,19 @@ html {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline {
|
.emby-checkbox:checked + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.itemProgressBarForeground {
|
.itemProgressBarForeground {
|
||||||
background-color: #00a4dc;
|
background-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -289,23 +289,19 @@ html {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline {
|
.emby-checkbox:checked + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.itemProgressBarForeground {
|
.itemProgressBarForeground {
|
||||||
background-color: #00a4dc;
|
background-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -293,24 +293,20 @@ html {
|
||||||
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.emby-select-withcolor:focus {
|
.emby-select-withcolor:focus {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #000;
|
border-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.itemProgressBarForeground {
|
.itemProgressBarForeground {
|
||||||
background-color: #00a4dc;
|
background-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -105,13 +105,11 @@ progress::-webkit-progress-value {
|
||||||
background: #ff77f1;
|
background: #ff77f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[data-role=controlgroup] .controlGroupButton.ui-btn-active,
|
|
||||||
div[data-role=controlgroup] a.ui-btn-active {
|
div[data-role=controlgroup] a.ui-btn-active {
|
||||||
background: #55828b !important;
|
background: #55828b !important;
|
||||||
color: #e1e5f2 !important;
|
color: #e1e5f2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.controlGroupButton,
|
|
||||||
a[data-role=button] {
|
a[data-role=button] {
|
||||||
background: rgba(2, 43, 58, 0.521) !important;
|
background: rgba(2, 43, 58, 0.521) !important;
|
||||||
}
|
}
|
||||||
|
@ -398,23 +396,19 @@ a[data-role=button] {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline {
|
.emby-checkbox:checked + span + .checkboxOutline {
|
||||||
background-color: #030322;
|
background-color: #030322;
|
||||||
border: 0.14em solid rgb(72, 195, 200);
|
border: 0.14em solid rgb(72, 195, 200);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline > .minimalCheckboxIcon-checked,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
|
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
|
||||||
color: rgb(12, 232, 214);
|
color: rgb(12, 232, 214);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #ff77f1;
|
border-color: #ff77f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border: 0.14em solid #ff77f1;
|
border: 0.14em solid #ff77f1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -276,24 +276,20 @@ html {
|
||||||
border: 0.07em solid rgba(255, 255, 255, 0.135);
|
border: 0.07em solid rgba(255, 255, 255, 0.135);
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.emby-select-withcolor:focus {
|
.emby-select-withcolor:focus {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus + span + .checkboxOutline {
|
.emby-checkbox:focus + span + .checkboxOutline {
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:checked + .checkboxOutline,
|
|
||||||
.emby-checkbox:checked + span + .checkboxOutline,
|
.emby-checkbox:checked + span + .checkboxOutline,
|
||||||
.itemProgressBarForeground {
|
.itemProgressBarForeground {
|
||||||
background-color: #00a4dc;
|
background-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emby-checkbox:focus:not(:checked) + .checkboxOutline,
|
|
||||||
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
|
||||||
border-color: #00a4dc;
|
border-color: #00a4dc;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue