itdominator/WebFM
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated video container responsiveness

Browse Source
This commit is contained in:
itdominator 2021-11-12 01:42:08 -06:00
parent 57d52fcddf
commit 978d4de212
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/core/static/css/main.css
View File

@ -48,6 +48,12 @@
} }
.page-alert-zone-container {
position: sticky;
top: 0em;
z-index: 2;
}
.card-title-text { .card-title-text {
white-space: nowrap; white-space: nowrap;
@ -68,11 +74,12 @@
} }
.viewer { .viewer {
max-width: 55em; max-width: 100% !important;
height: auto !important;
max-height: 100% !important;
} }
/* Other message text colors */ /* Other message text colors */
.errorTxt { color: rgb(170, 18, 18); } .errorTxt { color: rgb(170, 18, 18); }
.warningTxt { color: rgb(255, 168, 0); } .warningTxt { color: rgb(255, 168, 0); }

15
src/core/static/js/video-events.js
View File

@ -33,14 +33,21 @@ const togglePlay = (video) => {
const setFullscreenSettings = (parentElm, video) => { const setFullscreenSettings = (parentElm, video) => {
parentElm.requestFullscreen(); parentElm.requestFullscreen();
video.classList.remove("viewer"); video.classList.remove("viewer");
video.style.cursor = 'none'; video.style.cursor = 'none';
video.style.height = 'inherit'; video.style.height = 'inherit';
video.style.width = 'inherit';
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
video.style.transform = 'rotate(90deg)';
}
} }
const unsetFullscreenSettings = (video) => { const unsetFullscreenSettings = (video) => {
video.classList.add("viewer"); video.classList.add("viewer");
video.style.cursor = ''; video.style.transform = '';
video.style.height = ''; video.style.cursor = '';
video.style.height = '';
video.style.width = '';
} }
const toggleFullscreen = (video) => { const toggleFullscreen = (video) => {