diff options
| -rw-r--r-- | view/theme/redbasic/css/style.css | 14 | ||||
| -rw-r--r-- | view/theme/redbasic/js/redbasic.js | 8 |
2 files changed, 11 insertions, 11 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 85f5939f8..97fe40c9c 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -1252,17 +1252,23 @@ a .drop-icons:hover { } main.fullscreen { + position: fixed; + top: 0px; left: 0px; - width: 100%; + width: 100vw; height: 100vh; - max-width: none; + z-index: 1020; + overflow: auto; } main.fullscreen .generic-content-wrapper { - position: absolute; - width: 100%; + position: fixed; top: 0px; left: 0px; + width: 100vw; + height: 100vh; + z-index: 1020; + overflow: auto; border-radius: 0px; border-width: 0px; } diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 9336b7866..0a2ab7f13 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -246,16 +246,10 @@ function stickyScroll(sticky, stickyTop, container, topOffset, bottomOffset) { function makeFullScreen(full) { if (typeof full === 'undefined' || full === true) { document.querySelector('main').classList.add('fullscreen'); - document.querySelector('header').style.display = 'none'; - document.querySelector('nav').style.display = 'none'; - document.querySelector('aside').style.display = 'none'; document.getElementById('fullscreen-btn').style.display = 'none'; - document.getElementById('inline-btn').style.display = 'block'; + document.getElementById('inline-btn').style.display = 'inline-block'; } else { document.querySelector('main').classList.remove('fullscreen'); - document.querySelector('header').style.display = ''; - document.querySelector('nav').style.display = ''; - document.querySelector('aside').style.display = ''; document.getElementById('fullscreen-btn').style.display = ''; document.getElementById('inline-btn').style.display = 'none'; } |