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

Fix control bar responsive

This commit is contained in:
Chocobozzz 2024-10-29 15:31:58 +01:00
parent d11da8d4a1
commit 9bcf810346
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -51,8 +51,15 @@ $chapter-marker-size: 9px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
transition: visibility 0.3s, opacity 0.3s !important; transition: visibility 0.3s, opacity 0.3s !important;
> button:not(.vjs-hidden):first-child { > button:not(.vjs-hidden):first-child,
> button.vjs-hidden:first-child + button:not(.vjs-hidden) {
// Play button have more padding than fullscreen button
@include margin-left(var(--first-last-element-margin)); @include margin-left(var(--first-last-element-margin));
&.vjs-play-control {
// Play button have more padding than fullscreen button
@include margin-left(calc(var(--first-last-element-margin) - 4px));
}
} }
> button:last-child { > button:last-child {
@ -551,7 +558,7 @@ $chapter-marker-size: 9px;
} }
.video-js.vjs-peertube-skin.vjs-size-350 .vjs-control-bar { .video-js.vjs-peertube-skin.vjs-size-350 .vjs-control-bar {
--first-last-element-margin: 5px; --first-last-element-margin: 7px;
.vjs-next-video, .vjs-next-video,
.vjs-previous-video { .vjs-previous-video {