tor-browser

commit 3f319cf461373c683900b3de99a91edda8bc33a3
parent b227db4f4eca5b39f6e1321be0255cdc1cef20a3
Author: Nikki Sharpley <nsharpley@mozilla.com>
Date:   Thu,  6 Nov 2025 16:25:45 +0000

Bug 1998519 - Apply overflow-clip-margin of 4px to dragtarget tab only r=tabbrowser-reviewers,desktop-theme-reviewers,kcochrane

Differential Revision: https://phabricator.services.mozilla.com/D271620

Diffstat:
M
browser/themes/shared/tabbrowser/tabs.css
 | 
4
+++-

1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css
@@ -30,7 +30,7 @@
   --tab-pinned-min-width-expanded: calc(var(--tab-pinned-expanded-background-width) + 2 * var(--tab-pinned-margin-inline-expanded));
   --tab-pinned-container-margin-inline-expanded: var(--space-small);
   --tab-border-radius: var(--toolbarbutton-border-radius);
-  --tab-overflow-clip-margin: 4px;
+  --tab-overflow-clip-margin: 2px;
   --tab-close-button-padding: 6px;
   --tab-block-margin: 4px;
   --tab-icon-end-margin: 5.5px;
@@ -216,6 +216,8 @@
   }
 
   &[dragtarget] {
+    /* Margin needs to be at least 4px to not clip multiselect stacking effect */
+    overflow-clip-margin: 4px;
     z-index: 3 !important;
     position: absolute !important;
     pointer-events: none; /* avoid blocking dragover events on scroll buttons */