Duplicate Minimize, Maximize and Close buttons.

[datguypiko]

Duplicate Minimize, Maximize and Close buttons.

[kubakakauko]

Its something to do with acrylic_micaforeveryone.css and userChrome.css but I don't know how to fix it.

[datguypiko]

It is mica problem (not the program itself but how firefox works when you make the blur work). It creates another set of button which you cant disable, move or hide nor interact. What I do is put the old ones in the same place..

So the issue seems happening because of scaling in your windows, or resolution for the positioning.

Solution for now it's just to hide the original button icons.

Open the acrylic_micaforeveryone.css file

remove these lines (around 170)

#navigator-toolbox:not(:-moz-window-inactive):-moz-lwtheme #navigator-toolbox .titlebar-button:not(.titlebar-close),
#navigator-toolbox:not(:-moz-window-inactive):-moz-lwtheme #navigator-toolbox .titlebar-close:not(:hover)
{
   list-style-image: none !important;
}

and add this

#navigator-toolbox .titlebar-button:not(.titlebar-close),
#navigator-toolbox .titlebar-close:not(:hover) {
	list-style-image: none !important;
}

It will fix it. But the close button on hover will have a little bit of wrong positioning depending on scale or resolution.
Will try looking into it if there is anyway to fix this which I doubt.

[kubakakauko]

Thank you, that worked well!

Im not sure if its in any way useful to anyone nor if its a good practice but i've changed

#TabsToolbar .titlebar-buttonbox-container .titlebar-button > .toolbarbutton-icon {
  height: 12px !important;
  min-height: 12px !important;
  width: 12px !important;
  min-width: 12px !important;
}

to this

#TabsToolbar .titlebar-buttonbox-container .titlebar-button > .toolbarbutton-icon {
  margin-top: 4px !important;
  height: 12px !important;
  min-height: 12px !important;
  width: 12px !important;
  min-width: 12px !important;
}

for some reason it stopped the window close button from jumping when hovered over.

[datguypiko]

TDLR anything other than 100% scaling in windows will probably cause issues with the buttons. Because of the firefox implementation for transparency there is nothing you can do dynamically.

Different scaling probably requires different positioning.

If you want to make the hover more centered try moving these buttons to left or right

#navigator-toolbox .titlebar-button.titlebar-min .toolbarbutton-icon {
}

#navigator-toolbox .titlebar-button.titlebar-max .toolbarbutton-icon,
#navigator-toolbox .titlebar-button.titlebar-restore .toolbarbutton-icon{
}

Same issue QNetITQ/WaveFox#83