search

MrOtherGuy / firefox-csshacks

Collection of userstyles affecting the browser
Mozilla Public License 2.0
3.13k stars 309 forks source link

Issue with minimize/maximize/close buttons #288

Closed ilyvion closed 1 year ago

ilyvion commented 1 year ago

Hey. I'm using the following userChrome.css:

@import url(toolbars_below_content.css);
@import url(tabs_below_content.css);

and it gives me this odd buttons-on-top-of-page-content behavior: image

(I can't click the page elements below the - □ X bit as they're... on top of the page.)

I tried adding in the window_control_placeholder_support.css file, since the tabs_below_content.css file says I should, but it just made things worse in a way, as it adds this wide gap between the edge of the browser and the menu button, but doesn't affect the minimize/maximize/close buttons in any way. I'm guessing the point is to make room for said buttons, but it doesn't help if they remain up top, over the page content: image as well as this slightly smaller, but still noticeable gap on the left: image

MrOtherGuy commented 1 year ago

Hi, don't try to use toolbars_below_content.css and tabs_toolbar_below_content.css together. The former already moves tabs toolbar below content along with other toolbars, excluding menubar.

So, just use:

@import url(toolbars_below_content.css);
ilyvion commented 1 year ago

Ah, thank you. That does indeed fix it. I guess I ended up in this situation because I first added tabs_below_content.css and then decided I also wanted the toolbars down there, and didn't realize they had overlapping behavior.