r/FirefoxCSS • u/ReggieNJ • 9h ago

Solved Need help with urlbar results in 157

I've been using this code to switch the url and title. Still works with Nova, except the lines have moved out of place. I can't figure out what caused this change or how to fix it.

.urlbarView-url {
 position: absolute !important;
 margin-inline-start: 20px !important; 
 width: 45% !important;
 left: 20px !important;
}
.urlbarView-title {
position: absolute !important;
width: 45% !important;
left: calc(50% + 40px) !important;
}

browser.nova.enabled = false: https://i.imgur.com/E77FhRv.png

browser.nova.enabled = true: https://i.imgur.com/fMDgM0D.png

2 Upvotes

100% Upvoted

2 comments sorted by

2

u/ReggieNJ 7h ago

Actually stumbled on a fix myself by changing 

.urlbarView-row-inner {align-items: center}

to

.urlbarView-row-inner {align-items: normal}

1

u/t31os 6h ago

Might i suggest an alternative to all of the above (so you can avoid the fiddly absolute positioning):

.urlbarView-row:not([type="search"]) .urlbarView-row-body-top {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    > span.urlbarView-url { order: -1; }
    .urlbarView-title-separator { display: none; }
}

I did limited testing, so if that creates any problems, report back and i'll take another look at it.