fix chrome styling

This commit is contained in:
Tomáš Mládek 2020-01-12 20:01:44 +01:00
parent 3983620d81
commit 0ce39e8ac1

View file

@ -42,7 +42,9 @@ export default class Channel extends Vue {
.volume { .volume {
position: relative; position: relative;
width: var(--height); width: var(--height);
min-width: var(--height);
height: var(--width); height: var(--width);
min-height: var(--width);
left: calc(var(--height) / 2 * -1 + var(--width) / 2); left: calc(var(--height) / 2 * -1 + var(--width) / 2);
transform: rotate(270deg); transform: rotate(270deg);
margin: 0; margin: 0;
@ -88,7 +90,7 @@ input[type=range]::-moz-range-track {
input[type=range]::-webkit-slider-thumb { input[type=range]::-webkit-slider-thumb {
@include range-thumb; @include range-thumb;
-webkit-appearance: none; -webkit-appearance: none;
margin-top: -14px; margin-top: -8px;
} }
input[type=range]::-moz-range-thumb { input[type=range]::-moz-range-thumb {