feat: Added a more descriptive workspace rearrange string, b=no-bug, c=common, workspaces

l10n

@@ -1 +1 @@
-Subproject commit 9b84c28c9e46b188d93b98c38cf644acda59bdaa
+Subproject commit bd878687ab8509747761395e8eb8853d804dd3a8

src/zen/common/zen-sets.js

@@ -102,8 +102,9 @@ document.addEventListener(
             gZenWorkspaces.changeWorkspaceIcon();
             break;
           case 'cmd_zenReorderWorkspaces':
-            gZenUIManager.showToast('zen-workspaces-how-to-reorder', {
+            gZenUIManager.showToast('zen-workspaces-how-to-reorder-title', {
               timeout: 10000,
+              descriptionId: 'zen-workspaces-how-to-reorder-desc',
             });
             break;
           case 'cmd_zenOpenWorkspaceCreation':

src/zen/workspaces/ZenWorkspaceCreation.mjs

@@ -89,6 +89,8 @@
       this.appendChild(this.constructor.fragment);
       this.initializeAttributeInheritance();
 
+      this.style.visibility = 'collapse';
+
       this.inputName = this.querySelector('.zen-workspace-creation-name');
       this.inputIcon = this.querySelector('.zen-workspace-creation-icon-label');
       this.inputProfile = this.querySelector('.zen-workspace-creation-profile');
@@ -170,6 +172,7 @@
           if (gZenVerticalTabsManager._hasSetSingleToolbar) {
             gURLBar.textbox.style.visibility = 'collapse';
           }
+          this.style.visibility = '';
           gZenUIManager.motion.animate(
             this.elementsToAnimate,
             {
@@ -299,6 +302,8 @@
         gURLBar.textbox.style.opacity = 0;
       }
 
+      gZenUIManager.updateTabsToolbar();
+
       const workspace = await gZenWorkspaces.getActiveWorkspace();
       await gZenWorkspaces._organizeWorkspaceStripLocations(workspace, true);
       await gZenWorkspaces.updateTabsContainers();

src/zen/workspaces/zen-workspaces.css

@@ -53,8 +53,7 @@
     transition:
       filter 0.2s,
       opacity 0.2s,
-      width 0.1s,
-      transform 0.1s;
+      width 0.1s;
 
     &[active='true'],
     &:hover,
@@ -68,7 +67,8 @@
     }
 
     &[dragged='true'] {
-      transform: scale(1.05);
+      outline: 1px solid var(--zen-colors-primary);
+      outline-offset: -1px;
     }
   }