Duration: center text; fix uneven space for "/" time divider
This commit is contained in:
parent
627b01c664
commit
d08af5c63c
1 changed files with 18 additions and 2 deletions
|
@ -412,10 +412,26 @@ $control-bar-icon-size: 0.7rem;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vjs-current-time,
|
.vjs-time-control {
|
||||||
.vjs-time-divider,
|
line-height: $control-bar-height;
|
||||||
|
font-size: $control-bar-font-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vjs-current-time {
|
||||||
|
display: flex;
|
||||||
|
margin-right: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vjs-time-divider {
|
||||||
|
display: flex;
|
||||||
|
min-width: unset;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 0; // solves the grayed-out divider
|
||||||
|
}
|
||||||
|
|
||||||
.vjs-duration {
|
.vjs-duration {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-left: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vjs-menu-button {
|
.vjs-menu-button {
|
||||||
|
|
Loading…
Reference in a new issue