interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve player control bar icons alignment

This commit is contained in:
Chocobozzz 2024-02-20 08:47:11 +01:00
parent c97b8fd2ea
commit 1c0270ca8a
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/sass/player/_player-variables.scss
View File

@ -11,7 +11,7 @@ $font-size: 13px;
$control-bar-height: 38px;
$control-bar-icon-size: 26px;
$control-bar-volume-slider-height: 14px;
$control-bar-volume-slider-height: 16px;
$control-bar-slider-top: -15px;
$control-bar-font-size: 14px;
$control-bar-play-font-size: 34px;

8
client/src/sass/player/control-bar.scss
View File

@ -370,12 +370,12 @@
@include disable-outline;
cursor: pointer;
width: $control-bar-button-width - 5px;
width: $control-bar-button-width - 4px;
.vjs-icon-placeholder {
display: inline-block;
height: $control-bar-icon-size - 5px;
width: $control-bar-icon-size - 5px;
height: $control-bar-icon-size - 4px;
width: $control-bar-icon-size - 4px;
vertical-align: middle;
background: url('#{$assets-path}/player/images/settings.svg') no-repeat;
background-size: contain;
@ -440,7 +440,7 @@
> .vjs-icon-placeholder::before {
font-size: 2.3em;
line-height: 1.3;
line-height: 38px;
}
}