Update mod tracker

This commit is contained in:
Your New SJW Waifu 2020-05-02 14:59:04 -05:00
parent 668e5ffc0f
commit 6ff55daabc
2 changed files with 5 additions and 38 deletions

View File

@ -55,7 +55,6 @@ PleromaModPlayer = function (attachment) {
this.volumeBar.setAttribute("class", "mod-volumebar hidden");
this.volumeBar.setAttribute("type", "range");
this.volumeBar.value = localStorage.getItem('volume') === null ? 25 : localStorage.getItem('volume') * 100;
this.volumeBar.setAttribute("orient", "vertical");
this.volumeBar.max = 100;
this.volumeBar.onmouseup = () => { localStorage.setItem('volume', this.volumeBar.value / 100) };
this.volumeBar.onkeyup = () => { localStorage.setItem('volume', this.volumeBar.value / 100) };

View File

@ -16,12 +16,14 @@
}
body .mod-player input.mod-volumebar {
width: 30px;
height: 150px;
width: 150px;
height: 30px;
right: 11px;
margin: 0 0.7px;
position: absolute;
-webkit-appearance: slider-vertical;
transform: rotate(270deg);
margin-top: 60px;
margin-right: -60px;
writing-mode: bt-lr;
background-color: var(--panel);
}
@ -63,10 +65,6 @@ body .mod-player input.mod-volumebar {
box-shadow: var(--buttonHoverShadow);
}
.mod-player input[type=range]:focus::-webkit-slider-runnable-track {
background: #6f7777;
}
.mod-player input[type=range]::-moz-range-track {
width: 100%;
height: 30px;
@ -136,36 +134,6 @@ body .mod-player input.mod-volumebar {
background: #6f7777;
}
.mod-player input.mod-volumebar::-ms-thumb {
height: 18px;
width: 30px;
}
.mod-player input.mod-volumebar::-ms-track {
width: 30px;
height: 100%;
}
.mod-player input.mod-volumebar::-webkit-slider-thumb {
height: 18px;
width: 30px;
}
.mod-player input.mod-volumebar::-webkit-slider-runnable-track {
width: 30px;
height: 100%;
}
.mod-player input.mod-volumebar::-moz-range-thumb {
height: 18px;
width: 30px;
}
.mod-player input.mod-volumebar::-moz-range-track {
width: 30px;
height: 100%;
}
.mod-player input.mod-volumebar.hidden {
display: none;
}