search

MrOtherGuy / firefox-csshacks

Collection of userstyles affecting the browser
Mozilla Public License 2.0
3.24k stars 315 forks source link

Misalignment using urlbar_results_in_two_rows in Firefox 122 #336

Closed Dupond closed 8 months ago

Dupond commented 8 months ago

Hello!

Since the release of Firefox 122, the urlbar_results_in_two_rows code no longer works: in the address bar results, the item name is no longer aligned horizontally with the url, and the icon is no longer centered vertically.

Is there any way of solving these problems?

Many thanks in advance!

MrOtherGuy commented 8 months ago

Yeah, 369c384 fixes the alignment issue. I don't think the icon has ever been centered vertically though. At least it isn't when trying the style in ESR 115.

MrOtherGuy commented 8 months ago

If you wanted to also vertically align it then I suppose you could add something like this:

.urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-favicon,
.urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-type-icon{
  transform: translateY(8px)
}

But honestly I don't think that looks as nice as having the icon be aligned to the title.

Dupond commented 8 months ago

But honestly I don't think that looks as nice as having the icon be aligned to the title.

You're absolutely right; I wasn't 100% sure how to it was aligned before, since it looks natural.

Thanks for the quick fix!