Adjust player icons

This commit is contained in:
Raphael Wickihalder 2022-06-01 19:23:16 +02:00
parent 8a5cf5f71b
commit eeda485bb4
No known key found for this signature in database
GPG key ID: 05179BB92383243D
2 changed files with 24 additions and 3 deletions

View file

@ -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 {

View file

@ -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 {