mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update image encoding

Browse source
This commit is contained in:
Luke Pulverenti 2015-10-28 15:40:38 -04:00
parent 6d016e0db9
commit 0320ad7256
20 changed files with 205 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

47
dashboard-ui/bower_components/paper-input/paper-input-container.html vendored
View file

@ -195,11 +195,12 @@ This element is `display:block` by default, but you can set the `inline` attribu
.input-content.label-is-floating ::content .paper-input-label {
-webkit-transform: translateY(-75%) scale(0.75);
transform: translateY(-75%) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-transform-origin: left top;
transform-origin: left top;
/* Since we scale to 75/100 of the size, we actually have 100/75 of the
original space now available */
width: 133%;
@ -207,6 +208,16 @@ This element is `display:block` by default, but you can set the `inline` attribu
@apply(--paper-transition-easing);
}
:host-context([dir="rtl"]) .input-content.label-is-floating ::content label,
:host-context([dir="rtl"]) .input-content.label-is-floating ::content .paper-input-label {
/* TODO(noms): Figure out why leaving the width at 133% before the animation
* actually makes
* it wider on the right side, not left side, as you would expect in RTL */
width: 100%;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.input-content.label-is-highlighted ::content label,
.input-content.label-is-highlighted ::content .paper-input-label {
color: var(--paper-input-container-focus-color, --default-primary-color);
@ -237,6 +248,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
-webkit-appearance: none;
text-align: inherit;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
@ -261,6 +273,10 @@ This element is `display:block` by default, but you can set the `inline` attribu
resize: none;
}
.add-on-content {
position: relative;
}
.add-on-content.is-invalid ::content * {
color: var(--paper-input-container-invalid-color, --google-red-500);
}
@ -276,7 +292,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
<div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]">
<content select="[prefix]" id="prefix"></content>
<div class="label-and-input-container">
<div class="label-and-input-container" id="labelAndInputContainer">
<content select=":not([add-on]):not([prefix]):not([suffix])"></content>
</div>
<content select="[suffix]"></content>
@ -439,6 +456,21 @@ This element is `display:block` by default, but you can set the `inline` attribu
} else {
this._handleValue(this._inputElement);
}
this._numberOfPrefixNodes = 0;
this._prefixObserver = Polymer.dom(this.$.prefix).observeNodes(
function(mutations) {
// Keep track whether there's at least one prefix node, since it
// affects laying out the floating label.
this._numberOfPrefixNodes += mutations.addedNodes.length -
mutations.removedNodes.length;
}.bind(this));
},
detached: function() {
if (this._prefixObserver) {
Polymer.dom(this.$.prefix).unobserveNodes(this._prefixObserver);
}
},
_onAddonAttached: function(event) {
@ -535,16 +567,15 @@ This element is `display:block` by default, but you can set the `inline` attribu
} else if (focused) {
cls += " label-is-highlighted";
}
// The label might have a horizontal offset if a prefix element exists
// If a prefix element exists, the label has a horizontal offset
// which needs to be undone when displayed as a floating label.
if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
label && label.offsetParent) {
label.style.left = -label.offsetParent.offsetLeft + 'px';
if (this._numberOfPrefixNodes > 0) {
this.$.labelAndInputContainer.style.position = 'static';
}
} else {
// When the label is not floating, it should overlap the input element.
if (label) {
label.style.left = 0;
this.$.labelAndInputContainer.style.position = 'relative';
}
}
} else {