fix: Fixed emojis having undefiend tooltips, b=closes #9361, c=common, tabs

Author: mr-cheffy

src/zen/common/emojis/ZenEmojiPicker.mjs

@@ -140,6 +140,7 @@
           const item = document.createXULElement('toolbarbutton');
           item.className = 'toolbarbutton-1 zen-emojis-picker-emoji';
           item.setAttribute('label', emoji.emoji);
+          item.setAttribute('tooltiptext', '');
           item.addEventListener('command', () => {
             this.#selectEmoji(emoji.emoji);
           });
@@ -154,7 +155,7 @@
         const item = document.createXULElement('toolbarbutton');
         item.className = 'toolbarbutton-1 zen-emojis-picker-svg';
         item.setAttribute('label', icon);
-        item.setAttribute('tooltiptext', icon.replace('.svg', ''));
+        item.setAttribute('tooltiptext', '');
         item.style.listStyleImage = `url(${this.getSVGURL(icon)})`;
         item.setAttribute('icon', icon);
         item.addEventListener('command', () => {

src/zen/tabs/zen-tabs/vertical-tabs.css

@@ -162,10 +162,12 @@
   max-height: 1px;
   width: 98%; /* Slightly less than full width */
   transition:
-    padding 0.2s ease-in-out,
-    max-height 0.2s ease-in-out;
+    padding 0.1s ease-in-out,
+    max-height 0.2s ease-in-out,
+    opacity 0.1s ease-in-out;
   overflow: hidden;
   position: relative;
+  opacity: 1;
 
   #tabbrowser-tabs[movingtab] & {
     transition: transform 0.1s ease-in-out;
@@ -186,7 +188,8 @@
   /* Hide separator when specified by parent container attribute */
   .zen-workspace-pinned-tabs-section[hide-separator] & {
     max-height: 0;
-    margin: 0 auto; /* Collapse margins */
+    padding: 0;
+    opacity: 0;
   }
 }