Remove spacing between minimize mazimize close buttons.
How remove spacing between minimize, maximize, close buttons. Problem is only in firefox, when hide menu bar.
image: http://www.bildites.lv/images/jx5yixdwdam0b5clli3.jpg
Icons should be like in my computer window.
OS: Windows XP; SP3 Theme: http://www.crystalxp.net/galerie/en.id.130.htm Firefox 4.0 Beta 10
All Replies (16)
Does that glitch happen when you open 4.0beta using Help > Restart with Add-ons Disabled... ?
Yes, problem is even with fresh instaled firefox
Does it help if you remove the Tab bar from the title bar?
Set the pref browser.tabs.drawInTitlebar to false on the about:config page.
No, it doesn't help. Problem dissapears when I show menu bar.
problem remains with Firefox 4.0 Beta 11
Can I fix this probles with userChrome.css?
Modified
Has anyone found a solution for this yet? I've searched everywhere, but have found little mention of the problem, let alone a fix. I have the same conditions as the original poster: XP, 3rd party visual style, and problem disappears when enabling the menu bar. My Windows caption buttons appear exactly like the posted screenshot. I would imagine CSS could fix it. Thanks,
Brandon
Same here. My Firefox 4 Controls
Hope we find a solution, looks bad...
These are the css rules to configure the title bar buttons. (You can use them on the userChrome.css)
#titlebar-min {
}
#titlebar-max {
}
#window[sizemode="maximized"] #titlebar-max {
}
#titlebar-close {
}
#titlebar-buttonbox{
}
#titlebar-buttonbox-container{
}
Modified
could you post your fix?
It looks like it worked for you. I don't know how CSS works. Could you post your exact input? It'd be greatly appreciated as you have offered the only helpful information.
Hello again buddies, i didn't answer before because i was working :D
So lets start:
1) Create a userChrome.css (if u don't have it). How to create userChrome.css
2) Now open it and paste this:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #titlebar-min ,#titlebar-max ,window[sizemode="maximized"] #titlebar-max ,#titlebar-close {
margin: 0px !important; padding: 0px !important; border: 0px !important; }
#titlebar-min {
width: 29px !important; margin-right: -5px !important; }
#titlebar-max {
width: 29px !important; margin-right: -5px !important; }
window[sizemode="maximized"] #titlebar-max {
width: 29px !important; margin-right: -5px !important; }
#titlebar-close {
width: 29px !important; }
3) Configure:
- set the width to the size of your buttons (mine are 29 pixels wide)
- set the margin right property to fix the space between the buttons.
4) Restart Firefox :D
Hope it helps
Note: i think the bug is caused by -moz-appearance and -moz-window-button-close, -moz-window-button-maximize, -moz-window-button-minimize, -moz-window-button-restore values but i don't know how to fix that! hehehe....
I was sure you'd check back. Thanks a lot for your help. It looks a lot better. It was a small thing, but a big eyesore. Ha, you don't know how much I hated it. My eyes were always drawn to the corner. Big thanks again for being so helpful and being detailed with your suggestions.
Brandon
Sorry for reopening this thread but is there a mean to have the top-right buttons (minimize, maximize and close) as in full-screen but in "normal" mode? (I mean using a CSS of course) I tried but can't figure it out; and when I use #titlebar-min... I can't even change the color... I join two pictures to show what I have (first one) and what I expect (second one). Don't give me the whole code if you don't want, I'd just liked an idea...
Thanks !
If elements have a specific -moz-appearance then you can only change the style if you change that to:
-moz-appearance: none !important;
Modified
I inspected it with DomI and it seems there's no -moz-appearance... moreover, whatever I do, nothing happens to the button. I tried with :
- .titlebar-min (just for the min button)
- toolbarbutton-icon
- titlebar-buttonbox-container
- titlebar-buttonbox
but nothing worked... :(
Finally,
I made the 3 normal buttons transparent with :
#titlebar-restore,#titlebar-max,#titlebar-min,#titlebar-close {
opacity: 0 !important; }
I could have use the class name but I find it clearer in this way.
Now I need to activate the #minimize-button, #restore-button #close-button in normal mode and that'll be nice.