openvibers/openvibe.mediahub Commits

Phones on their side: the watch page's video really fills the screen (the shared player's height: 100% loads after video.css and kept it 448px tall; a more specific selector wins) (#132)

OP OpenVibers committed 19 days ago · 68318b5f79 · 1 file, +3 −1

Changes

ddiff --git a/public/css/video.css b/public/css/video.css
iindex 98668a2..8418db1 100644
---- a/public/css/video.css
++++ b/public/css/video.css
@@@ -302,5 +302,7 @@ a.ovv-channel-name:hover { text-decoration: underline; }
body:has(.ovv-watch) #navbar-mount { display: none; }
.ovv-page:has(.ovv-watch) { padding-top: 0; }
.ovv-watch .ovv-player-wrap { border-radius: 0; border: 0; }
-- .ovv-watch .ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }
++ /* video.ovv-player inside the wrapper outranks the shared player's .ov-player .ov-player-video { height: 100% }, which
++ loads after this file and left the video at its 16:9 height. */
++ .ovv-watch .ovv-player-wrap video.ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }
}