fix: Fixed changing folder icon in collapsed mode, b=closes #9866, c=folders, workspaces

src/zen/folders/ZenFolders.mjs

@@ -63,7 +63,7 @@
       const folderActionsMenu = document.getElementById('zenFolderActions');
       folderActionsMenu.addEventListener('popupshowing', (event) => {
         const folder =
-          event.explicitOriginalTarget?.group || event.explicitOriginalTarget.parentElement?.group;
+          event.explicitOriginalTarget?.group || event.explicitOriginalTarget.parentElement;
         // We only want to rename zen-folders as firefox groups don't work well with this
         if (!folder?.isZenFolder) {
           return;
@@ -918,7 +918,7 @@
       if (!group) return;
 
       gZenEmojiPicker
-        .open(group.labelElement, { onlySvgIcons: true })
+        .open(group.icon, { onlySvgIcons: true })
         .then((icon) => {
           this.setFolderUserIcon(group, icon);
           group.dispatchEvent(new CustomEvent('ZenFolderIconChanged', { bubbles: true }));

src/zen/folders/zen-folders.css

@@ -263,6 +263,10 @@ zen-folder {
         transition: 0.2s scale;
         transform-origin: right bottom;
 
+        :root:not([zen-sidebar-expanded]) & {
+          transform-origin: center bottom;
+        }
+
         & image {
           fill-opacity: 0.9;
           -moz-context-properties: fill, fill-opacity;

src/zen/workspaces/ZenWorkspaces.mjs

@@ -1315,7 +1315,7 @@ var gZenWorkspaces = new (class extends nsZenMultiWindowFeature {
     if (this.workspaceHasIcon(workspace)) {
       return workspace.icon;
     }
-    return '';
+    return new Intl.Segmenter().segment(workspace.name).containing().segment.toUpperCase();
   }
 
   get shouldShowContainers() {