mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update xmltv config page
This commit is contained in:
parent
8b5889ea3c
commit
b449d37d84
12 changed files with 64 additions and 57 deletions
|
@ -35,6 +35,7 @@
|
|||
}
|
||||
|
||||
[is="emby-button"].fab {
|
||||
display: inline-flex;
|
||||
border-radius: 50%;
|
||||
min-width: 56px;
|
||||
min-height: 56px;
|
||||
|
@ -43,7 +44,6 @@
|
|||
background-color: #444;
|
||||
padding: .6em;
|
||||
box-sizing: border-box;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
@ -51,18 +51,23 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
[is="emby-button"].fab.mini {
|
||||
min-width: 40px !important;
|
||||
min-height: 40px !important;
|
||||
height: 3.3vh !important;
|
||||
width: 3.3vh !important;
|
||||
}
|
||||
[is="emby-button"].noflex {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[is="emby-button"].fab iron-icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
[is="emby-button"].fab.mini {
|
||||
min-width: 40px !important;
|
||||
min-height: 40px !important;
|
||||
height: 3.3vh !important;
|
||||
width: 3.3vh !important;
|
||||
padding: .4em;
|
||||
}
|
||||
|
||||
[is="emby-button"].fab iron-icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[is="emby-button"].block {
|
||||
display: block;
|
||||
|
@ -129,14 +134,18 @@
|
|||
/* Make sure its on top of the ripple */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[is=paper-icon-button-light] img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* Can't use 100% height or it will stretch past the boundaries in safari */
|
||||
/*height: 100%;*/
|
||||
max-height: 100%;
|
||||
/* Make sure its on top of the ripple */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[is=paper-icon-button-light]:after {
|
||||
|
|
|
@ -53,6 +53,10 @@
|
|||
|
||||
this.setAttribute('data-embybutton', 'true');
|
||||
|
||||
if (browser.safari) {
|
||||
this.classList.add('noflex');
|
||||
}
|
||||
|
||||
this.addEventListener('keydown', onKeyDown);
|
||||
if (browser.safari) {
|
||||
this.addEventListener('click', animateButton);
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
transition: all .2s ease-out;
|
||||
}
|
||||
|
||||
.inputLabel.blank {
|
||||
.inputLabel.blank:not(.nofloat) {
|
||||
transform-origin: left top;
|
||||
transform: scale(1.4,1.4) translateY(80%);
|
||||
}
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
var EmbyInputPrototype = Object.create(HTMLInputElement.prototype);
|
||||
|
||||
var inputId = 0;
|
||||
var supportsFloatingLabel = false;
|
||||
|
||||
if (Object.getOwnPropertyDescriptor && Object.defineProperty) {
|
||||
|
||||
|
@ -19,6 +20,7 @@
|
|||
}
|
||||
|
||||
Object.defineProperty(HTMLInputElement.prototype, 'value', descriptor);
|
||||
supportsFloatingLabel = true;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -43,6 +45,10 @@
|
|||
label.innerHTML = this.getAttribute('label') || '';
|
||||
label.classList.add('inputLabel');
|
||||
|
||||
if (!supportsFloatingLabel) {
|
||||
label.classList.add('nofloat');
|
||||
}
|
||||
|
||||
label.htmlFor = this.id;
|
||||
parentNode.insertBefore(label, this);
|
||||
|
||||
|
@ -74,15 +80,6 @@
|
|||
onChange.call(this);
|
||||
};
|
||||
|
||||
EmbyInputPrototype.detachedCallback = function () {
|
||||
|
||||
var observer = this.observer;
|
||||
if (observer) {
|
||||
observer.disconnect();
|
||||
this.observer = null;
|
||||
}
|
||||
};
|
||||
|
||||
document.registerElement('emby-input', {
|
||||
prototype: EmbyInputPrototype,
|
||||
extends: 'input'
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue