Fix control bar alignment
This commit is contained in:
parent
67f87b66fe
commit
71926aae07
1 changed files with 12 additions and 6 deletions
|
@ -43,10 +43,6 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.vjs-button > .vjs-icon-placeholder::before {
|
|
||||||
line-height: $control-bar-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vjs-volume-level::before {
|
.vjs-volume-level::before {
|
||||||
content: ''; /* Remove Circle From Progress Bar */
|
content: ''; /* Remove Circle From Progress Bar */
|
||||||
}
|
}
|
||||||
|
@ -242,8 +238,19 @@ body {
|
||||||
@include disable-outline;
|
@include disable-outline;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: $play-control-font-size;
|
|
||||||
width: 2em;
|
width: 2em;
|
||||||
|
|
||||||
|
.vjs-icon-placeholder {
|
||||||
|
line-height: $control-bar-height;
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: unset;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.vjs-time-control {
|
.vjs-time-control {
|
||||||
|
@ -375,7 +382,6 @@ body {
|
||||||
.vjs-mute-control {
|
.vjs-mute-control {
|
||||||
@include disable-outline;
|
@include disable-outline;
|
||||||
|
|
||||||
line-height: $control-bar-height;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue