some fixes to layout #26

web/js/sections/board-control.js

@@ -77,12 +77,15 @@ function buildHTML() {
         z-index: 10;
         pointer-events: none;
       }
+      body.board-fullscreen .section-page {
+        transform: none !important;
+        animation: none !important;
+      }
       .fullscreen-card {
         position: fixed !important;
-        top: 0 !important;
+        inset: 0 !important;
-        left: 0 !important;
+        width: 100% !important;
-        width: 100vw !important;
+        height: 100% !important;
-        height: 100vh !important;
         z-index: 9999 !important;
         border-radius: 0 !important;
         margin: 0 !important;
@@ -531,10 +534,12 @@ export default {
       btnFullscreen.addEventListener('click', () => {
         isFullscreen = !isFullscreen;
         if (isFullscreen) {
+          document.body.classList.add('board-fullscreen');
           mapCard.classList.add('fullscreen-card');
           fullscreenIcon.textContent = '✖';
           fullscreenText.textContent = 'Exit';
         } else {
+          document.body.classList.remove('board-fullscreen');
           mapCard.classList.remove('fullscreen-card');
           fullscreenIcon.textContent = '⛶';
           fullscreenText.textContent = 'Full Screen';
@@ -576,6 +581,7 @@ export default {
   },
 
   unmount() {
+    document.body.classList.remove('board-fullscreen');
     eventCleanup.forEach(fn => fn());
     eventCleanup = [];
   }