Add a workaround for case where urlbar height increase a few pixels when
typing into it
This commit is contained in:
parent
a0425ce694
commit
664d2eacfd
1 changed files with 7 additions and 3 deletions
|
@ -22,12 +22,16 @@
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
width: 100vw !important;
|
width: 100vw !important;
|
||||||
border-width: 1px 0;
|
border-width: 1px 0;
|
||||||
top: var(--urlbar-height);
|
top: var(--urlbar-toolbar-height);
|
||||||
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
|
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8));
|
||||||
backdrop-filter: blur(28px);
|
backdrop-filter: blur(28px);
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
box-shadow: 0 1px 4px rgba(0,0,0,.05);
|
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-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
|
||||||
#urlbar.megabar > #urlbar-background{ display: none !important; }
|
#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; }
|
Loading…
Reference in a new issue