Aris-t2
commented
4 years ago I'm wondering with part of the code causes the width change for you. Any idea?
I also removed the line above the results, because it seemed wrong there.
:-moz-any(.searchbar-textbox, #urlbar,#searchbar) {
font-size: 12px !important;
}
#urlbar-container[breakout] {
position: relative !important;
min-height: var(--urlbar-container-height);
}
#urlbar[breakout]:not([open]) {
position: relative !important;
display: inherit !important;
height: var(--urlbar-height) !important;
}
#urlbar[breakout][breakout-extend]:not([open]) {
top: unset !important;
left: unset !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend][open] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height))/2) !important;
left: 0px !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: unset !important;
}
#urlbar[breakout] > #urlbar-input-container {
height: var(--urlbar-height) !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: unset !important;
padding-inline: unset !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: unset !important;
}
.urlbarView.megabar .urlbarView-body-inner {
border-top: unset !important;
}
.megabar #urlbarView-results {
padding: 0px !important;
}
.megabar #urlbar-results .urlbarView-body-outer,
.megabar #urlbar-results .urlbarView-row,
.megabar #urlbar-results .urlbarView-row-inner {
-moz-margin-start: 0 !important;
-moz-padding-start: 0 !important;
-moz-margin-end: 0 !important;
-moz-padding-end: 0 !important;
}
.megabar #urlbar-results .urlbarView-row-inner {
-moz-padding-start: 4px !important;
-moz-padding-end: 4px !important;
}
Acid-Crash
glennpc
Describe the issue When interacting with URLBar (in Megabar aka update1 mode) there is a slim width change that leads to a "shuddering" of remaining elements
What should have happened instead? The width of megabar should remain the same.
Steps to reproduce the issue? Enable
./css/locationbar/megabar_optimizations.cssMake sure that browser.urlbar.update1 is set to trueWithout
megabar_optimizations.cssthe position of other elements remains the sameAlso dropDown has is a small top offset (1px I believe). Not sure if this is intentional, but pushing it up 1px to 'dock' it to the Identity box section sound like a good idea. Also this will make it the same height as the default state URL bar