From 664d2eacfdc0d03df3f88379bbf2ef1fe50289af Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 7 Apr 2020 13:00:29 +0300 Subject: [PATCH] Add a workaround for case where urlbar height increase a few pixels when typing into it --- chrome/urlbar_full_width.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index 494762b..4124083 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -22,12 +22,16 @@ left: 0 !important; width: 100vw !important; border-width: 1px 0; - top: var(--urlbar-height); - background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); + top: var(--urlbar-toolbar-height); + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8)); backdrop-filter: blur(28px); z-index: 4; box-shadow: 0 1px 4px rgba(0,0,0,.05); } #urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } -#urlbar.megabar > #urlbar-background{ display: none !important; } \ No newline at end of file +#urlbar.megabar > #urlbar-background{ display: none !important; } + +/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */ +/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */ +#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } \ No newline at end of file