chore: Update Zen browser components submodule commit reference and improve compact mode

src/browser/base/content/ZenUIManager.mjs

@@ -91,3 +91,30 @@ var gZenVerticalTabsManager = {
     Services.prefs.setBoolPref('zen.view.sidebar-expanded', expanded);
   },
 };
+
+var gZenCompactModeManager = {
+  init() {
+  },
+
+  get prefefence() {
+    return Services.prefs.getBoolPref('zen.view.compact');
+  },
+
+  set preference(value) {
+    Services.prefs.setBoolPref('zen.view.compact', value);
+  },
+
+  toggle() {
+    this.preference = !this.prefefence;
+  },
+
+  toggleSidebar() {
+    let sidebar = document.getElementById('navigator-toolbox');
+    sidebar.toggleAttribute('zen-user-show');
+  },
+
+  toggleToolbar() {
+    let toolbar = document.getElementById('zen-appcontent-navbar-container');
+    toolbar.toggleAttribute('zen-user-show');
+  }
+};

src/browser/base/content/zenThemeModifier.js

@@ -103,7 +103,7 @@ var ZenThemeModifier = {
     if (this.__hasInitBrowserLayout) return;
     this.__hasInitBrowserLayout = true;
     this.openWatermark();
-    console.log("ZenThemeModifier: init browser layout");
+    console.info("ZenThemeModifier: init browser layout");
     const kNavbarItems = [
       "nav-bar",
       "PersonalToolbar"
@@ -123,6 +123,7 @@ var ZenThemeModifier = {
     newContainer.appendChild(separator);
 
     gZenVerticalTabsManager.init();
+    gZenCompactModeManager.init();
 
     this._updateZenAvatar();
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', this._onPrefersColorSchemeChange.bind(this));
@@ -154,7 +155,7 @@ var ZenThemeModifier = {
     const toolbarRect = toolbarItems.getBoundingClientRect();
     // -7 for the controls padding
     tabs.style.maxHeight = toolbarRect.height - 7 + "px";
-    console.log("ZenThemeModifier: set tabs max-height to", toolbarRect.height + "px");
+    console.info("ZenThemeModifier: set tabs max-height to", toolbarRect.height + "px");
   },
 
   _updateZenAvatar() {
@@ -170,7 +171,6 @@ var ZenThemeModifier = {
     if (document.documentElement.hasAttribute("privatebrowsingmode")) {
       avatarUrl = "chrome://global/skin/icons/indicator-private-browsing.svg";
     }
-    // console.log("ZenThemeModifier: setting avatar image to", avatarUrl);
     mainWindowEl.style.setProperty("--zen-avatar-image-url", `url(${avatarUrl})`);
     mainWindowEl.style.setProperty("--avatar-image-url", `var(--zen-avatar-image-url)`, "important");
   },

src/browser/components/zen-welcome/welcome.js

@@ -250,7 +250,7 @@ class Pages {
    * @param {Page[]} pages The pages
    */
   constructor(pages) {
-    console.log("Initializing welcome pages...");
+    console.info("Initializing welcome pages...");
     this.pages = pages
     this.currentPage = 0;
 
@@ -259,7 +259,7 @@ class Pages {
     this.pages.forEach((page) => page.setPages(this))
 
     this._displayCurrentPage();
-    console.log("Welcome pages initialized.")
+    console.info("Welcome pages initialized.")
 
     this.nextEl = document.getElementById(`next`)
     this.prevEl = document.getElementById(`back`)

src/browser/locales/en-US/browser/preferences/zen-preferences.ftl

@@ -81,6 +81,7 @@ zen-cks-group-bookmark-action = Bookmark Actions
 zen-cks-group-open-page-action = Open Page Actions
 zen-cks-group-downloads-action = Downloads Actions
 zen-cks-group-sidebar-action = Sidebar Actions
+zen-cks-group-compact-mode-action = Compact Mode Actions
 
 open-new-tab = Open New Tab
 close-tab = Close Tab
@@ -142,3 +143,6 @@ reverse-sidebar = Reverse Sidebar Position
 hide-sidebar = Hide Sidebar
 toggle-sidebar = Toggle Sidebar
 zen-toggle-web-panels = Toggle Web Panels
+zen-toggle-compact-mode = Toggle Compact Mode
+zen-toggle-compact-mode-sidebar = Toggle Compact Mode Sidebar
+zen-toggle-compact-mode-toolbar = Toggle Compact Mode Toolbar

src/browser/themes/shared/zen-browser-shared.css

@@ -620,6 +620,7 @@ panelmultiview {
   
   #navigator-toolbox:hover,
   #navigator-toolbox:focus-within,
+  #navigator-toolbox[zen-user-show],
   #mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
   #navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
     transition-delay: 33ms !important;
@@ -674,6 +675,7 @@ panelmultiview {
 
     #zen-appcontent-navbar-container:hover,
     #zen-appcontent-navbar-container:focus-within,
+    #zen-appcontent-navbar-container[zen-user-show],
     #mainPopupSet:has(> #appMenu-popup:hover) ~ #zen-appcontent-navbar-container,
     #zen-appcontent-navbar-container:has(*[open="true"]) {
       transform: translateY(0);