Bug 1575360 - Add shadow effect to megabar when it's open. r=dao

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

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

browser/themes/osx/browser.css

@@ -259,12 +259,19 @@
   line-height: 1.745em;
 }
 
-#urlbar:not(.hidden-focus)[focused="true"],
+/* Focus ring. */
+#urlbar:not(.megabar):not(.hidden-focus)[focused="true"],
 #searchbar:focus-within {
   box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color) inset,
               0 0 0 1px var(--toolbar-field-focus-border-color);
 }
 
+#urlbar[breakout]:not(.hidden-focus)[focused="true"] {
+  box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color) inset,
+              0 0 0 1px var(--toolbar-field-focus-border-color),
+              0 4px 16px rgba(0, 0, 0, 0.1);
+}
+
 %include ../shared/identity-block/identity-block.inc.css
 
 #wrapper-urlbar-container[place="palette"] {

browser/themes/shared/urlbar-searchbar.inc.css

@@ -94,6 +94,7 @@
   width: calc(var(--urlbar-width) + 2 * @urlbarBreakoutHorizontalExtend@);
   min-height: calc(var(--urlbar-toolbar-height) + 2 * @urlbarBreakoutVerticalExtend@);
   padding: calc(3px + @urlbarBreakoutVerticalExtend@) 0;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 #urlbar[breakout][open="true"] {