Bug 1577742 - Inrease the megabar's z-index so it overlaps the tab overflow indicators. r=harry
authorDão Gottwald <dao@mozilla.com>
Fri, 30 Aug 2019 13:05:20 +0000
changeset 551363 21483daf4d9db7fbeae739085f842d522ad38d0f
parent 551362 a62c0eb6faa60c5cb1720a76641ee3a6269d6388
child 551364 3e9155a5cd2404bb61c2c4a6d0d708a290078953
push id11865
push userbtara@mozilla.com
push dateMon, 02 Sep 2019 08:54:37 +0000
treeherdermozilla-beta@37f59c4671b3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersharry
bugs1577742
milestone70.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1577742 - Inrease the megabar's z-index so it overlaps the tab overflow indicators. r=harry Differential Revision: https://phabricator.services.mozilla.com/D44135
browser/themes/shared/urlbar-searchbar.inc.css
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -82,17 +82,19 @@
 
 #urlbar:not(.hidden-focus)[focused="true"],
 #searchbar:focus-within {
   border-color: var(--toolbar-field-focus-border-color);
 }
 
 #urlbar[breakout] {
   position: absolute;
-  z-index: 2;
+  /* The z-index needs to be big enough to trump other positioned UI pieces
+     that we want to overlay. 3 is used in the tab bar. */
+  z-index: 3;
   top: 0;
   margin-top: -@urlbarBreakoutVerticalExtend@;
   margin-inline-start: -@urlbarBreakoutHorizontalExtend@;
   width: calc(var(--urlbar-width) + 2 * @urlbarBreakoutHorizontalExtend@);
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 #urlbar[breakout] > #urlbar-input-container {