diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css index 18d616bb74..6aab3261a2 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css @@ -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 { diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js index 2b47343eb1..3e5a7e0334 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js @@ -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); diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css index 42621baca1..ce7812e192 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css @@ -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%); } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js index a932660a32..5aa708e874 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js @@ -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' diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.js b/dashboard-ui/components/metadataeditor/metadataeditor.js index 836b5ca5ab..b96552a658 100644 --- a/dashboard-ui/components/metadataeditor/metadataeditor.js +++ b/dashboard-ui/components/metadataeditor/metadataeditor.js @@ -133,7 +133,6 @@ CriticRating: $('#txtCriticRating', form).val(), CriticRatingSummary: $('#txtCriticRatingSummary', form).val(), IndexNumber: $('#txtIndexNumber', form).val() || null, - DisplaySpecialsWithSeasons: form.querySelector('#chkDisplaySpecialsInline').checked, AbsoluteEpisodeNumber: $('#txtAbsoluteEpisodeNumber', form).val(), DvdEpisodeNumber: $('#txtDvdEpisodeNumber', form).val(), DvdSeasonNumber: $('#txtDvdSeasonNumber', form).val(), @@ -739,12 +738,6 @@ $('#fldParentIndexNumber', context).hide(); } - if (item.Type == "Series") { - $('#fldDisplaySpecialsInline', context).show(); - } else { - $('#fldDisplaySpecialsInline', context).hide(); - } - if (item.Type == "BoxSet") { $('#fldDisplayOrder', context).show(); @@ -812,8 +805,6 @@ } populateInternetProviderSettings(context, item, item.LockedFields); - context.querySelector('#chkDisplaySpecialsInline').checked = item.DisplaySpecialsWithSeasons || false; - $('#txtPath', context).val(item.Path || ''); $('#txtName', context).val(item.Name || ""); $('#txtOriginalName', context).val(item.OriginalTitle || ""); diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.template.html b/dashboard-ui/components/metadataeditor/metadataeditor.template.html index 18f04261d0..73578db83e 100644 --- a/dashboard-ui/components/metadataeditor/metadataeditor.template.html +++ b/dashboard-ui/components/metadataeditor/metadataeditor.template.html @@ -208,10 +208,6 @@
-