Bug 1581753 - Improve one-off search button layout in narrow windows. r=mak a=lizzard
authorDão Gottwald <dao@mozilla.com>
Thu, 26 Sep 2019 15:26:42 +0000
changeset 555434 337981f64cc634ccd1ef3fbdee930bb776b32948
parent 555433 b75075fa08c99dc8ad8a9c829a9f72e48d6c4a4c
child 555435 a1ddf2dcc0e4020358fda4599335694959fce981
push id2165
push userffxbld-merge
push dateMon, 14 Oct 2019 16:30:58 +0000
treeherdermozilla-release@0eae18af659f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmak, lizzard
bugs1581753
milestone70.0
Bug 1581753 - Improve one-off search button layout in narrow windows. r=mak a=lizzard Differential Revision: https://phabricator.services.mozilla.com/D47270
browser/themes/shared/urlbar-autocomplete.inc.css
--- a/browser/themes/shared/urlbar-autocomplete.inc.css
+++ b/browser/themes/shared/urlbar-autocomplete.inc.css
@@ -283,17 +283,20 @@
 }
 
 #urlbar:not(.megabar) .search-one-offs {
   padding-inline-start: var(--item-padding-start, 5px);
   padding-inline-end: var(--item-padding-end, 5px);
 }
 
 #urlbar .search-panel-one-offs {
-  padding-inline: 12px;
+  padding-inline-start: 12px;
+  /* Make sure we can fit at least three buttons horizontally. */
+  min-width: 120px;
+  box-sizing: content-box;
 }
 
 #urlbar .search-panel-header {
   padding: 0;
   min-height: 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;