Bug 1593664 - Add urlbar.megabar.expandTextOnFocus pref and increase font size to the equivalent of 15px on focus. r=dao

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

--HG--
extra : moz-landing-system : lando

browser/app/profile/firefox.js

@@ -326,6 +326,8 @@ pref("browser.urlbar.usepreloadedtopurls.expire_days", 14);
 
 // Whether the quantum bar displays the major design update.
 pref("browser.urlbar.megabar", false);
+// Whether we expand the font size when the megabar is focused.
+pref("browser.urlbar.megabar.expandTextOnFocus", false);
 // Whether the megabar displays the permanent search icon.
 pref("browser.urlbar.searchIcon", false);
 pref("browser.urlbar.view.stripHttps", false);

browser/themes/linux/browser.css

@@ -281,6 +281,16 @@ notification[value="translation"] menulist > .menulist-dropmarker {
   font-size: 1.05em;
 }
 
+@supports -moz-bool-pref("browser.urlbar.megabar.expandTextOnFocus") {
+  .urlbarView {
+    font-size: inherit;
+  }
+
+  #urlbar[breakout-extend] {
+    font-size: 1.14em;
+  }
+}
+
 /* Bookmarking panel */
 
 %include ../shared/places/editBookmarkPanel.inc.css

browser/themes/osx/browser.css

@@ -300,6 +300,16 @@
   font-size: 14px;
 }
 
+@supports -moz-bool-pref("browser.urlbar.megabar.expandTextOnFocus") {
+  .urlbarView {
+    font-size: inherit;
+  }
+
+  #urlbar[breakout-extend] {
+    font-size: 1.36em;
+  }
+}
+
 #BMB_bookmarksPopup[side="top"],
 #BMB_bookmarksPopup[side="bottom"] {
   margin-left: -26px;

browser/themes/windows/browser.css

@@ -554,6 +554,12 @@ menuitem.bookmark-item {
   }
 }
 
+@supports -moz-bool-pref("browser.urlbar.megabar.expandTextOnFocus") {
+  #urlbar[breakout-extend] {
+    font-size: 1.25em;
+  }
+}
+
 /* bookmarking panel */
 
 %include ../shared/places/editBookmarkPanel.inc.css