Address bar and control buttons are overlapping
Hi! From some time now i have problem with GUI elements overlapping each other. It started with the window control buttons (that part, where you can close the window). Esthetics aside, it was not that big deal, so I just ignored it, but some time ago similar overlap appeared on address bar - so now I don't see what I'm writing. This is a big deal, now I can't really tell if I made a typo, I'm not able to correct it or I can't see if what I'm writing is mixed with original url, stuff like that.
I'm on Manjaro Linux and Firefox version is 127.0 (64 bits) I've tried to reinstall Firefox with different sources, like Flatpak for example, but the issues persists. Has anyone an idea how to fix this?
All Replies (3)
Your css is interfering. In userChrome.css or an imported file which contains --url-toolbar-height, replacing it with --urlbar-container-height should fix the problem.
Ed said
Your css is interfering. In userChrome.css or an imported file which contains --url-toolbar-height, replacing it with --urlbar-container-height should fix the problem.
Thank you! :) But my userChrome.css only has 7 lines and neither of them looks like that:
#nav-bar, #identity-box, #tabbrowser-tabs, #TabsToolbar {
visibility: collapse;
}
#nav-bar * {
visibility: visible !important;
}
How should it look like? Where to put the --urlbar-container-height
part? Or maybe Firefox is looking somewhere else for the CSS?
Modified
You collapse the Navigation Toolbar, but displays all toolbar items. I'm not sure on what toolbar those items appear. Do you have the menu bar visible as that is the first choice for showing the control buttons? The second choice would be the Tab bar, but you are hiding its tab.
You can use the Browser Toolbox to check out the current rules and see if you can improve things.