fix: disable experimental rounded view for macOS and adjust workspace…

… indicator styling
zen-browser · Dec 6, 2024 · 12aa51c · 12aa51c
1 parent f755ed9
commit 12aa51c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js
@@ -108,6 +108,13 @@ pref('zen.view.compact.toolbar-hide-after-hover.duration', 1000);
 pref('zen.view.compact.color-toolbar', true);
 pref('zen.view.compact.color-sidebar', true);
 
+#ifdef XP_MACOSX
+// Disable for macos in the meantime until @HarryHeres finds a solution for hight DPI screens
+pref('zen.view.experimental-rounded-view', false);
+#else
+pref('zen.view.experimental-rounded-view', true);
+#endif
+
 pref('zen.glance.enabled', true);
 pref('zen.glance.hold-duration', 300); // in ms
 

diff --git a/src/browser/base/content/zen-styles/zen-browser-container.css b/src/browser/base/content/zen-styles/zen-browser-container.css
@@ -19,5 +19,13 @@
     :root[zen-no-padding='true'] &:not([zen-split="true"]) {
       border-radius: 0 !important;
     }
+
+    @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
+      #tabbrowser-tabpanels {
+        mix-blend-mode: multiply;
+        -moz-osx-font-smoothing: grayscale;
+        isolation: isolate;
+      }
+    }
   }
 }
diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css
@@ -423,7 +423,7 @@
   }
 
   & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name  {
-    margin-left: 24px;
+    padding-left: 24px;
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -423,7 +423,7 @@ @@
       }
       & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name  {
-        margin-left: 24px;
+        padding-left: 24px;
       }
     }
@@ Expand Down @@