Adjust player icons
This commit is contained in:
parent
8a5cf5f71b
commit
eeda485bb4
2 changed files with 24 additions and 3 deletions
|
@ -536,7 +536,7 @@
|
|||
|
||||
// DRY: we'll soon move vjs items to videojs.scss, so just duplicate these for now.
|
||||
$control-bar-height: 2.5rem;
|
||||
$control-bar-font-size: 0.8rem;
|
||||
$control-bar-font-size: 0.9rem;
|
||||
$control-bar-popup-font-size: 0.8rem;
|
||||
$control-bar-icon-size: 2rem;
|
||||
|
||||
|
@ -721,6 +721,14 @@ $control-bar-icon-size: 2rem;
|
|||
width: 2.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-button--play-previous,
|
||||
.vjs-button--play-next {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.vjs-button--play-next {
|
||||
margin-left: var(--spacing-xs);
|
||||
}
|
||||
}
|
||||
|
||||
.vjs-picture-in-picture-control {
|
||||
|
|
|
@ -328,11 +328,24 @@ button.vjs-big-play-button {
|
|||
}
|
||||
}
|
||||
|
||||
.vjs-seek-to-live-control {
|
||||
margin-top: -4px !important;
|
||||
margin-left: var(--spacing-xs) !important;
|
||||
@media (max-width: $breakpoint-small) {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.vjs-icon-placeholder {
|
||||
&::before {
|
||||
font-size: 0.9rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Rearrange icons
|
||||
.vjs-play-control {
|
||||
.vjs-button--play-previous {
|
||||
order: 1 !important;
|
||||
}
|
||||
.vjs-button--play-previous {
|
||||
.vjs-play-control {
|
||||
order: 2 !important;
|
||||
}
|
||||
.vjs-button--play-next {
|
||||
|
|
Loading…
Reference in a new issue