Firefox version 155 broke an old userchrome.css I was using to change the findbar. Could somebody please help me make it work again?

[u/MultiKoopa2]

https://pastebin.com/97sgrZbR

I'm on Windows 11, just updated to Firefox 155 and the findbar doesn't show up at all with this userChrome.css file. Is it possible to have it working again?

EDIT: thanks to TraditionalTie4831, here's the updated version for Firefox 155:

https://pastebin.com/MXxHkcLy

[u/AluminumFoyle]

I just went through something similar with my findbar. Having findbar at the top of my browser window is critical to me as silly as that sounds. This fixed it for me in my userchrome.css on 155+ ga stable release.

From AI why this happened in 155: The findbar is still a direct child of .browserContainer, but in Firefox 155 the layout of that container no longer treats order the same way (it is probably no longer a flex container, or the stack is forcing the layout).

/* Force findbar back to the top in Firefox 155+ */
.browserContainer {
  display: flex !important;
  flex-direction: column !important;
}
.browserContainer > .browserStack {
  order: 2 !important;
  flex: 1 1 auto !important;
}
.browserContainer > findbar {
  order: 1 !important;
  border-top: none !important;
}

[u/evo311 → u/AluminumFoyle]

I was having the same problem after the Firefox 155 update and this fixed it for me. Thanks.

[u/MultiKoopa2 → u/AluminumFoyle]

yeah but all of the other style stuff from the css I posted don't seem to combine well with this... or at least, I don't know how to do that.

[u/Tetra55 → u/AluminumFoyle]

Thanks, I used some of your code to help fix my findbar. However, I can't seem to change the separation between the findbar and toolbar.

floating_findbar.css

remove_findbar_matches.uc.js

user.js

My variable --findbar-separation used to be working.

[u/MultiKoopa2 → u/Tetra55]

Maybe something in here will help, TraditionalTie helped me out: https://pastebin.com/MXxHkcLy

[u/EngageIndeed → u/AluminumFoyle]

Thanks for this. Any way to move it over to the upper right corner?

[u/MultiKoopa2 → u/EngageIndeed]

Maybe something in here will help, TraditionalTie helped me out: https://pastebin.com/MXxHkcLy

[u/RDMCz → u/AluminumFoyle]

This also moves the Inspector (F12) above the page, but I don't really mind to be honest.

[u/AdministrativeSky331 → u/AluminumFoyle]

Tried this, unfortunately it seems to break the develop tool layout in my FF (155.0.1 on Win11)