fix: Shift navbar down when accesing it on macOS in fullscreen (#8757)

Author: npinochet

src/browser/base/content/browser-fullScreenAndPointerLock-js.patch

@@ -2,18 +2,18 @@ diff --git a/browser/base/content/browser-fullScreenAndPointerLock.js b/browser/
 index b41449d4c4bc373a4c9cf449c0bb370bfdbc20d6..f1166929397dd39b7f44bd9cb0d62a45d67f0e1d 100644
 --- a/browser/base/content/browser-fullScreenAndPointerLock.js
 +++ b/browser/base/content/browser-fullScreenAndPointerLock.js
-@@ -427,10 +427,10 @@ var FullScreen = {
+@@ -426,10 +426,10 @@ var FullScreen = {
+     shiftSize = shiftSize.toFixed(2);
      gNavToolbox.classList.toggle("fullscreen-with-menubar", shiftSize > 0);
 
-     let transform = shiftSize > 0 ? `translateY(${shiftSize}px)` : "";
+-    let transform = shiftSize > 0 ? `translateY(${shiftSize}px)` : "";
 -    gNavToolbox.style.transform = transform;
 -    gURLBar.textbox.style.transform = gURLBar.textbox.hasAttribute("breakout")
 -      ? transform
--      : "";
-+    //gNavToolbox.style.transform = transform;
-+    //gURLBar.textbox.style.transform = gURLBar.textbox.hasAttribute("breakout")
-+    //  ? transform
-+    //  : "";
++    const padding = shiftSize > 0 ? `${shiftSize}px` : "";
++    const appContentNavbarWrapper = document.getElementById('zen-appcontent-navbar-wrapper');
++    appContentNavbarWrapper.style.paddingTop = gURLBar.textbox.hasAttribute("breakout")
++      ? padding
+       : "";
      if (shiftSize > 0) {
        // If the mouse tracking missed our fullScreenToggler, then the toolbox
-       // might not have been shown before the menubar is animated down. Make

src/zen/compact-mode/ZenCompactMode.mjs

@@ -709,6 +709,15 @@ var gZenCompactModeManager = {
           if (event.target.matches(':hover')) {
             return;
           }
+          if (AppConstants.platform == 'macosx' && FullScreen._currentToolbarShift > 0) {
+            this.flashElement(
+              target,
+              this.hideAfterHoverDuration,
+              'has-hover' + target.id,
+              'zen-has-hover'
+            );
+            return;
+          }
 
           if (
             event.explicitOriginalTarget?.closest?.('#urlbar[zen-floating-urlbar]') ||
@@ -755,12 +764,20 @@ var gZenCompactModeManager = {
           }
           window.cancelAnimationFrame(this._removeHoverFrames[target.id]);
 
-          this.flashElement(
-            target,
-            this.hideAfterHoverDuration,
-            'has-hover' + target.id,
-            'zen-has-hover'
-          );
+          if (
+            AppConstants.platform == 'macosx' &&
+            window.fullScreen &&
+            entry.screenEdge === 'top'
+          ) {
+            target.setAttribute('zen-has-hover', 'true');
+          } else {
+            this.flashElement(
+              target,
+              this.hideAfterHoverDuration,
+              'has-hover' + target.id,
+              'zen-has-hover'
+            );
+          }
           document.addEventListener(
             'mousemove',
             () => {