mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update SocketHttpListener
This commit is contained in:
Luke Pulverenti
parent
0c9d201edd
commit
8dbdfe3be1
8 changed files with 24 additions and 141 deletions
|
|
@ -21,8 +21,8 @@
|
|||
display: flex;
|
||||
}
|
||||
|
||||
div.checkboxContainer {
|
||||
display: block;
|
||||
.checkboxContainer-withDescription {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mdl-checkbox__input {
|
||||
|
|
|
|||
|
|
@ -25,10 +25,8 @@
|
|||
this.classList.add('mdl-checkbox__input');
|
||||
|
||||
var labelElement = this.parentNode;
|
||||
//labelElement.classList.add('mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events');
|
||||
labelElement.classList.add('mdl-checkbox');
|
||||
labelElement.classList.add('mdl-js-checkbox');
|
||||
labelElement.classList.add('mdl-js-ripple-effect');
|
||||
|
||||
var labelTextElement = labelElement.querySelector('span');
|
||||
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
.mdl-radio.block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.radio-label-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.mdl-radio {
|
||||
padding-left: 24px;
|
||||
|
|
@ -20,9 +20,6 @@
|
|||
|
||||
.mdl-radio__button {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.mdl-radio .mdl-radio__button {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
|
|
@ -55,8 +52,7 @@
|
|||
border: 2px solid rgb(63,81,181);
|
||||
}
|
||||
|
||||
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
|
||||
.mdl-radio.is-disabled .mdl-radio__outer-circle {
|
||||
.mdl-radio__button:disabled + .mdl-radio__label + .mdl-radio__outer-circle {
|
||||
border: 2px solid rgba(0,0,0, 0.26);
|
||||
cursor: auto;
|
||||
}
|
||||
|
|
@ -87,8 +83,7 @@
|
|||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
|
||||
.mdl-radio.is-disabled .mdl-radio__inner-circle {
|
||||
.mdl-radio__button:disabled + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle {
|
||||
background: rgba(0,0,0, 0.26);
|
||||
cursor: auto;
|
||||
}
|
||||
|
|
@ -101,36 +96,7 @@ fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
fieldset[disabled] .mdl-radio .mdl-radio__label,
|
||||
.mdl-radio.is-disabled .mdl-radio__label {
|
||||
.mdl-radio__button:disabled + .mdl-radio__label {
|
||||
color: rgba(0,0,0, 0.26);
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.mdl-radio__ripple-container {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: -9px;
|
||||
left: -13px;
|
||||
box-sizing: border-box;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
|
||||
}
|
||||
|
||||
.mdl-radio__ripple-container .mdl-ripple {
|
||||
background: rgb(63,81,181);
|
||||
}
|
||||
|
||||
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
|
||||
.mdl-radio.is-disabled .mdl-radio__ripple-container {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
|
||||
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
|
||||
background: transparent;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,9 +37,6 @@
|
|||
|
||||
labelElement.insertAdjacentHTML('beforeend', '<span class="mdl-radio__outer-circle"></span><span class="mdl-radio__inner-circle"></span>');
|
||||
|
||||
// ripple container
|
||||
//labelElement.insertAdjacentHTML('beforeend', '<span class="mdl-radio__ripple-container mdl-js-ripple-effect mdl-ripple--center" data-upgraded=",MaterialRipple"><span class="mdl-ripple is-animating" style="width: 120.794px; height: 120.794px; transform: translate(-50%, -50%) translate(21px, 21px);"></span></span>');
|
||||
|
||||
this.addEventListener('keydown', onKeyDown);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
||||
_:-ms-input-placeholder, :root .mdl-slider {
|
||||
-ms-appearance: none;
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
|
|
@ -113,14 +113,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
height: 2vh;
|
||||
}
|
||||
|
||||
.mdl-slider:focus:not(:active)::-webkit-slider-thumb {
|
||||
box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
|
||||
}
|
||||
|
||||
.mdl-slider:focus:not(:active)::-moz-range-thumb {
|
||||
box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
|
||||
}
|
||||
|
||||
.mdl-slider:active::-webkit-slider-thumb {
|
||||
background-image: none;
|
||||
background: #52B54B;
|
||||
|
|
@ -134,6 +126,14 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.mdl-slider:focus::-webkit-slider-thumb {
|
||||
box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
|
||||
}
|
||||
|
||||
.mdl-slider:focus::-moz-range-thumb {
|
||||
box-shadow: 0 0 0 10px rgba(82, 181, 75, 0.26);
|
||||
}
|
||||
|
||||
.mdl-slider::-ms-thumb {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
|
@ -146,57 +146,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
background: gray;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value::-webkit-slider-thumb {
|
||||
/*border: 2px solid #52B54B;
|
||||
background: transparent;*/
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value::-moz-range-thumb {
|
||||
/*border: 2px solid #52B54B;
|
||||
background: transparent;*/
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
|
||||
/*box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
|
||||
background: rgba(0,0,0, 0.12);*/
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:focus:not(:active)::-moz-range-thumb {
|
||||
/*box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
|
||||
background: rgba(0,0,0, 0.12);*/
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:active::-webkit-slider-thumb {
|
||||
border: 1.6px solid #52B54B;
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
|
||||
left: 9px;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:active::-moz-range-thumb {
|
||||
border: 1.5px solid #52B54B;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value::-ms-fill-lower {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value::-ms-fill-upper {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:active::-ms-fill-upper {
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.mdl-slider:disabled:focus::-webkit-slider-thumb, .mdl-slider:disabled:active::-webkit-slider-thumb, .mdl-slider:disabled::-webkit-slider-thumb {
|
||||
-webkit-transform: scale(0.667);
|
||||
transform: scale(0.667);
|
||||
|
|
@ -217,23 +166,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-lowest-value:disabled::-webkit-slider-thumb {
|
||||
border: 3px solid rgba(0,0,0, 0.26);
|
||||
background: transparent;
|
||||
-webkit-transform: scale(0.667);
|
||||
transform: scale(0.667);
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-lowest-value:disabled::-moz-range-thumb {
|
||||
border: 3px solid rgba(0,0,0, 0.26);
|
||||
background: transparent;
|
||||
transform: scale(0.667);
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider:disabled::-ms-fill-lower {
|
||||
margin-right: 6px;
|
||||
background: linear-gradient(to right, transparent, transparent 25px, rgba(30,30,30, 0.7) 25px, rgba(30,30,30, 0.7) 0);
|
||||
|
|
@ -243,10 +175,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider.is-lowest-value:disabled:active::-ms-fill-upper {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.mdl-slider__ie-container {
|
||||
height: 18px;
|
||||
overflow: visible;
|
||||
|
|
|
|||
|
|
@ -16,12 +16,6 @@
|
|||
|
||||
function updateValues(range, backgroundLower, backgroundUpper) {
|
||||
|
||||
//if (fraction === 0) {
|
||||
// range.classList.add('is-lowest-value');
|
||||
//} else {
|
||||
// range.classList.remove('is-lowest-value');
|
||||
//}
|
||||
|
||||
var value = range.value;
|
||||
requestAnimationFrame(function () {
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="convertRecordingsContainer hide checkboxContainer">
|
||||
<div class="convertRecordingsContainer hide checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input type="checkbox" is="emby-checkbox" id="chkConvertRecordings" />
|
||||
<span>${OptionConvertRecordingsToStreamingFormat}</span>
|
||||
|
|
|
|||
|
|
@ -789,7 +789,7 @@
|
|||
|
||||
var radioValue = option.id.replace(',', '_');
|
||||
isChecked = (options.query.SortBy || '').replace(',', '_') == radioValue ? ' checked' : '';
|
||||
html += '<label class="block"><input type="radio" is="emby-radio" name="SortBy" data-id="' + option.id + '" value="' + radioValue + '" class="menuSortBy" ' + isChecked + ' /><span>' + option.name + '</span></label>';
|
||||
html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortBy" data-id="' + option.id + '" value="' + radioValue + '" class="menuSortBy" ' + isChecked + ' /><span>' + option.name + '</span></label>';
|
||||
}
|
||||
html += '</div>';
|
||||
|
||||
|
|
@ -798,9 +798,9 @@
|
|||
html += '</h2>';
|
||||
html += '<div>';
|
||||
isChecked = options.query.SortOrder == 'Ascending' ? ' checked' : '';
|
||||
html += '<label class="block"><input type="radio" is="emby-radio" name="SortOrder" value="Ascending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionAscending') + '</span></label>';
|
||||
html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortOrder" value="Ascending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionAscending') + '</span></label>';
|
||||
isChecked = options.query.SortOrder == 'Descending' ? ' checked' : '';
|
||||
html += '<label class="block"><input type="radio" is="emby-radio" name="SortOrder" value="Descending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionDescending') + '</span></label>';
|
||||
html += '<label class="radio-label-block"><input type="radio" is="emby-radio" name="SortOrder" value="Descending" class="menuSortOrder" ' + isChecked + ' /><span>' + Globalize.translate('OptionDescending') + '</span></label>';
|
||||
html += '</div>';
|
||||
html += '</div>';
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue