Bug 1561904 - Stop overlapping other toolbars with the focused urlbar. r=harry

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Dão Gottwald 2019-10-17 16:01:34 +00:00
parent 74f9b0c67c
commit 9d78fc40f2

View File

@ -6,7 +6,6 @@
%define fieldBorderColor hsla(240,5%,5%,.25)
%define fieldHoverBorderColor hsla(240,5%,5%,.35)
%define urlbarBreakoutVerticalExtend 4px
%define urlbarBreakoutHorizontalExtend 30px
:root {
@ -183,7 +182,7 @@
}
#urlbar[breakout][breakout-extend] {
top: -@urlbarBreakoutVerticalExtend@;
top: 0;
left: -@urlbarBreakoutHorizontalExtend@;
width: calc(100% + 2 * @urlbarBreakoutHorizontalExtend@);
}
@ -193,8 +192,8 @@
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: calc(var(--urlbar-toolbar-height) + 2 * @urlbarBreakoutVerticalExtend@);
padding-block: calc(@urlbarBreakoutVerticalExtend@ + (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
height: var(--urlbar-toolbar-height);
padding-block: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
padding-inline: @urlbarBreakoutHorizontalExtend@;
}