tor-browser

commit 2068833093352bae027e4c607247c56ce1a792d6
parent 9fe576173cabda0b21a4d8bc95042582f22a6294
Author: Jeremy Swinarton <jswinarton@mozilla.com>
Date:   Mon, 17 Nov 2025 19:08:36 +0000

Bug 1998358: Add a max-width to tab group hover preview line items r=sthompson,desktop-theme-reviewers,tabbrowser-reviewers

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

Diffstat:
M
browser/themes/shared/tabbrowser/tab-hover-preview.css
 | 
8
++++++--
M
toolkit/themes/shared/menu.css
 | 
3
++-

2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/browser/themes/shared/tabbrowser/tab-hover-preview.css b/browser/themes/shared/tabbrowser/tab-hover-preview.css
@@ -57,6 +57,10 @@
   }
 }
 
-#tabgroup-panel-content > toolbarbutton.active-tab {
-  font-weight: var(--font-weight-semibold);
+#tabgroup-panel-content {
+  max-width: var(--menuitem-max-width);
+
+  & toolbarbutton.active-tab {
+    font-weight: var(--font-weight-semibold);
+  }
 }
diff --git a/toolkit/themes/shared/menu.css b/toolkit/themes/shared/menu.css
@@ -9,6 +9,7 @@ panel {
   --menuitem-border-radius: 3px;
   --menuitem-margin: 0px;
   --menuitem-padding: 0.5em 1em;
+  --menuitem-max-width: 42em;
 
   --badge-text-color: var(--text-color-deemphasized);
   --badge-background-color: transparent;
@@ -218,7 +219,7 @@ menucaption {
   align-items: center;
   flex-shrink: 0;
   list-style-image: none;
-  max-width: 42em;
+  max-width: var(--menuitem-max-width);
   /* Prevents the icon from being inherited to submenus. */
   --menuitem-icon: normal;
 }