Bug 1593661 - Extend the expanded megabar by 2px. r=mak

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Harry Twyford 2019-11-04 20:25:51 +00:00
parent 38dd21ea87
commit cd00782e41

View File

@ -7,6 +7,7 @@
%define fieldBorderColor hsla(240,5%,5%,.25)
%define fieldHoverBorderColor hsla(240,5%,5%,.35)
%define urlbarMarginInline 5px
%define urlbarBreakoutExtend 2px
%define urlbarSearchIconWidth calc(16px + 2 * @identityBoxPaddingInline@)
:root {
@ -204,9 +205,9 @@
}
#urlbar[breakout][breakout-extend] {
top: 0;
left: -@urlbarMarginInline@;
width: calc(100% + 2 * @urlbarMarginInline@);
top: -@urlbarBreakoutExtend@;
left: calc(-@urlbarMarginInline@ - @urlbarBreakoutExtend@);
width: calc(100% + 2 * @urlbarMarginInline@ + 2 * @urlbarBreakoutExtend@);
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
@ -214,9 +215,9 @@
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-toolbar-height);
padding-block: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
padding-inline: @urlbarMarginInline@;
height: calc(var(--urlbar-toolbar-height) + 2 * @urlbarBreakoutExtend@);
padding-block: calc(@urlbarBreakoutExtend@ + (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
padding-inline: calc(@urlbarMarginInline@ + @urlbarBreakoutExtend@);
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container > #urlbar-search-icon {