feat: New tooltip UI, b=no-bug, c=no-component

locales/pt-BR/browser/browser/zen-vertical-tabs.ftl

@@ -15,7 +15,7 @@ zen-toolbar-context-compact-mode-hide-both =
     .label = Esconder os dois
     .accesskey = A
 zen-toolbar-context-new-folder = 
-    .label = New Folder
+    .label = Nova Pasta
     .accesskey = N
 sidebar-zen-expand = 
     .label = Expandir barra lateral

locales/pt-PT/browser/browser/zen-vertical-tabs.ftl

@@ -15,7 +15,7 @@ zen-toolbar-context-compact-mode-hide-both =
     .label = Ocultar ambas
     .accesskey = H
 zen-toolbar-context-new-folder = 
-    .label = New Folder
+    .label = Nova Pasta
     .accesskey = N
 sidebar-zen-expand = 
     .label = Expandir Barra Lateral

prefs/mods.yaml

@@ -24,5 +24,4 @@
 
 - name: zen.injections.match-urls
   value: 'http://localhost/*'
-  locked: true
   condition: '!defined(MOZILLA_OFFICIAL)'

src/toolkit/content/xul-css.patch

@@ -1,8 +1,24 @@
 diff --git a/toolkit/content/xul.css b/toolkit/content/xul.css
-index ba7642c9264ac201fec7be1bd492bc778bb147a2..9e89735e8a0886183ae7ecf98e6ce08142bf3bbc 100644
+index ba7642c9264ac201fec7be1bd492bc778bb147a2..f0e02bcc000f106e186b3123ada96b4cbf83b40f 100644
 --- a/toolkit/content/xul.css
 +++ b/toolkit/content/xul.css
-@@ -456,7 +456,8 @@ deck > *|*:not(:-moz-native-anonymous) {
+@@ -401,6 +401,15 @@ tooltip {
+       border-radius: 4px;
+     }
+   }
++
++  border-radius: 16px !important;
++  border-top-left-radius: 4px !important;
++  border: 1px solid rgba(225, 225, 225, 0.15) !important;
++  padding: 5px 9px 6px 9px !important;
++  font-weight: 600 !important;
++  background: color-mix(in srgb, var(--zen-primary-color, white), black 80%) !important;
++  color: #f3f3f3 !important;
++  font-size: smaller !important;
+ }
+ 
+ /******** tree ******/
+@@ -456,7 +465,8 @@ deck > *|*:not(:-moz-native-anonymous) {
  }
  
  tabpanels > .deck-selected,

src/zen/common/styles/zen-single-components.css

@@ -228,3 +228,19 @@ body > #confetti {
     linear-gradient(#fff 0 0);
   mask-composite: exclude;
 }
+
+/* Status panel */
+
+#statuspanel {
+  padding: 4px 3px;
+
+  & > #statuspanel-label {
+    border-radius: 16px !important;
+    border: 1px solid rgba(225, 225, 225, 0.15) !important;
+    padding: 5px 9px 6px 9px !important;
+    font-weight: 600 !important;
+    background: color-mix(in srgb, var(--zen-primary-color), black 80%) !important;
+    color: #f3f3f3 !important;
+    font-size: smaller !important;
+  }
+}

src/zen/folders/ZenFolder.mjs

@@ -149,6 +149,12 @@
     }
 
     createSubfolder() {
+      // We need to expand all parent folders
+      let currentFolder = this;
+      do {
+        currentFolder.collapsed = false;
+        currentFolder = currentFolder.group;
+      } while (currentFolder);
       gZenFolders.createFolder([], {
         renameFolder: !gZenUIManager.testingEnabled,
         label: 'Subfolder',

src/zen/folders/ZenFolders.mjs

@@ -1059,9 +1059,7 @@
           // We don't need to do anything if the URL is invalid. e.g. about:blank
         }
         let tabLabel = tab.label || '';
-        let iconURL =
-          gBrowser.getIcon(tab) ||
-          "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3C/svg%3E";
+        let iconURL = gBrowser.getIcon(tab) || PlacesUtils.favicons.defaultFavicon;
 
         icon.src = iconURL;