fix chrome styling
This commit is contained in:
parent
3983620d81
commit
0ce39e8ac1
1 changed files with 3 additions and 1 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue