iv-org/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-08-03 11:56:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improve mobile user interface for video player

Browse source
This commit is contained in:
syeopite 2021-04-10 23:12:35 -07:00
parent 06b27d932d
commit 1924d75c2b
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 73 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

37
assets/css/player.css
View file

@ -1,11 +1,3 @@
/* Control Bar */
@media screen and (max-width: 640px) {
.video-js .vjs-control-bar,
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
overflow-x: scroll;
}
}
ul.vjs-menu-content::-webkit-scrollbar {
display: none;
}
@ -104,7 +96,7 @@ ul.vjs-menu-content::-webkit-scrollbar {
.video-js .vjs-play-progress {
background-color: rgba(0, 182, 240, 1);
}
vjs-menu-content
/* Overlay */
.video-js .vjs-overlay {
background-color: rgba(35, 35, 35, 0.75);
@ -176,3 +168,30 @@ video.video-js {
margin-top: -0.81666em;
margin-left: -1.5em;
}
.mobile-operations-bar {
display: flex;
position: absolute;
top: 0;
right: 1px !important;
left: initial !important;
width: initial !important;
}
.mobile-operations-bar ul {
position: absolute !important;
bottom: unset !important;
top: 1.5em;
}
@media screen and (max-width: 700px) {
.video-js .vjs-share {
justify-content: unset;
}
}
@media screen and (max-width: 650px) {
.vjs-modal-dialog-content {
overflow-x: hidden;
}
}