mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
restore slider changes
This commit is contained in:
parent
409710f87b
commit
4747efc4eb
2 changed files with 7 additions and 1 deletions
|
@ -331,7 +331,7 @@ Custom property | Description | Default
|
||||||
on-up="_resetKnob"
|
on-up="_resetKnob"
|
||||||
on-track="_onTrack"
|
on-track="_onTrack"
|
||||||
on-transitionend="_knobTransitionEnd">
|
on-transitionend="_knobTransitionEnd">
|
||||||
<div id="sliderKnobInner" value$="[[immediateValue]]"></div>
|
<div id="sliderKnobInner" value$="[[pinValue]]"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -529,6 +529,7 @@ Custom property | Description | Default
|
||||||
|
|
||||||
_positionKnob: function(ratio) {
|
_positionKnob: function(ratio) {
|
||||||
this._setImmediateValue(this._calcStep(this._calcKnobPosition(ratio)));
|
this._setImmediateValue(this._calcStep(this._calcKnobPosition(ratio)));
|
||||||
|
this._setPinValue(this.immediateValue);
|
||||||
this._setRatio(this._calcRatio(this.immediateValue));
|
this._setRatio(this._calcRatio(this.immediateValue));
|
||||||
|
|
||||||
this.$.sliderKnob.style.left = (this.ratio * 100) + '%';
|
this.$.sliderKnob.style.left = (this.ratio * 100) + '%';
|
||||||
|
@ -582,6 +583,7 @@ Custom property | Description | Default
|
||||||
// update knob's position
|
// update knob's position
|
||||||
var translateX = ((this._calcRatio(this.immediateValue) * this._w) - this._knobstartx);
|
var translateX = ((this._calcRatio(this.immediateValue) * this._w) - this._knobstartx);
|
||||||
this.translate3d(translateX + 'px', 0, 0, this.$.sliderKnob);
|
this.translate3d(translateX + 'px', 0, 0, this.$.sliderKnob);
|
||||||
|
this._setPinValue(immediateValue);
|
||||||
},
|
},
|
||||||
|
|
||||||
_trackEnd: function() {
|
_trackEnd: function() {
|
||||||
|
@ -596,6 +598,9 @@ Custom property | Description | Default
|
||||||
|
|
||||||
this.fire('change');
|
this.fire('change');
|
||||||
},
|
},
|
||||||
|
_setPinValue: function (value) {
|
||||||
|
this.pinValue = value;
|
||||||
|
},
|
||||||
|
|
||||||
_knobdown: function(event) {
|
_knobdown: function(event) {
|
||||||
this._expandKnob();
|
this._expandKnob();
|
||||||
|
|
|
@ -349,6 +349,7 @@ paper-slider {
|
||||||
|
|
||||||
.paper-slider-0 #sliderKnobInner.paper-slider {
|
.paper-slider-0 #sliderKnobInner.paper-slider {
|
||||||
background-color: #52B54B;
|
background-color: #52B54B;
|
||||||
|
border-color: #52B54B;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paper-slider-0 paper-ripple.paper-slider {
|
.paper-slider-0 paper-ripple.paper-slider {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue