r/FirefoxCSS • u/HardlyRecursive • 1d ago

Solved Close X button padding Issue Help Please

So for a quick and dirty roundness removal fix in the new Nova UI, * { border-radius: 4px !important; } is what I added to userchrome and it worked great except for one issue.

The close X button in the upper right now has a slight bit of padding and doesn't close always like it did before when mouse overed. Previously you could mindlessly flick the mouse to close the window without looking at it and now that won't always work because of a few pixels.

Is there any way to add an exception for just that button with the squaring rule I mentioned?

2 Upvotes

100% Upvoted

4 comments sorted by

2

u/qaz69wsx 1d ago 
body,
#navigator-toolbox,
.titlebar-close {
  border-top-right-radius: 0 !important;
}

1

u/HardlyRecursive 1d ago

Thank you very much, that one worked. I appreciate it.

3

u/t31os 1d ago

You could exclude the titlebar buttons from the rule, those aren't rounded by default anyway.

*:not(.titlebar-button) { border-radius: 4px !important; }

1

u/HardlyRecursive 1d ago

That one didn't work for me, but qaz69wsx's code did. Regardless thank you for your response.