LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust player icons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/scss/component/_file-render.scss
View file

@ -536,7 +536,7 @@
// DRY: we'll soon move vjs items to videojs.scss, so just duplicate these for now. // DRY: we'll soon move vjs items to videojs.scss, so just duplicate these for now.
$control-bar-height: 2.5rem; $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-popup-font-size: 0.8rem;
$control-bar-icon-size: 2rem; $control-bar-icon-size: 2rem;
@ -721,6 +721,14 @@ $control-bar-icon-size: 2rem;
width: 2.25rem; 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 { .vjs-picture-in-picture-control {

17
ui/scss/component/_videojs.scss
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 // Rearrange icons
.vjs-play-control { .vjs-button--play-previous {
order: 1 !important; order: 1 !important;
} }
.vjs-button--play-previous { .vjs-play-control {
order: 2 !important; order: 2 !important;
} }
.vjs-button--play-next { .vjs-button--play-next {