center content in fullscreen mode, hide K7 top nav (#24589)

elastic · Oct 29, 2018 · 06b0e74 · 06b0e74
1 parent eb9b05b
commit 06b0e74
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss b/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss
@@ -11,15 +11,22 @@ body.canvas-isFullscreen {
   }
 
   // hide all the interface parts
-  nav.global-nav,
+  nav.global-nav, // K6 global side nav
+  .header-global-wrapper, // K7 global top nav
   .canvasLayout__stageHeader,
   .canvasLayout__sidebar,
   .canvasLayout__footer,
   .canvasGrid {
     display: none;
   }
 
+  // remove space for K7 global top nav
+  .header-global-wrapper + .app-wrapper {
+    top: 0;
+  }
+
   .canvasLayout__stageContentOverflow {
+    display: block; // fixes center alignment for Safari
     overflow: visible;
     position: static;
     top: auto;