How To Remove Window Buttons From Maximized FireDragon Dragonized

[kilo]

Excuse the long title cough. Also, I noticed I can’t post in the FAQ and Tuts category. If I’m breaking a rule by posting this, I apologize.

Was messing around today with some userChrome.css styling, and figured out a way to hide the window buttons when maximized, to fit the mac-esque styling of dragonized. Thought I’d share it, in case anyone else is bothered by the doubled set when using the Window Buttons widget.

1. Navigate to about:profiles
2. Click Open Directory in the Root directory of your profile
3. Open chrome/userChrome.css in your editor of choice

In here, you’ll see @-moz-document, and are asked to style inside this scope. The styling we’ll be adding is

:root[sizemode="maximized"] .titlebar-buttonbox-container {
	display: none;
}

Just in case you need it, here’s what the finished complete code should look like in a blank userChrome.css file.

@charset "UTF-8";
@-moz-document url(chrome://browser/content/browser.xhtml)
{
	/* Please write your custom CSS under this line*/

	/* hide window buttons when maximized */
	:root[sizemode="maximized"] .titlebar-buttonbox-container {
		display: none;
	}
}

Now just save it, and restart FireDragon.

Before:

After:

Edit: after googling the selector, I found I’m about 4 years late on the topic . So here’s an animated version

:root[sizemode="maximized"] .titlebar-buttonbox-container {
	max-width: 0px;
}
.titlebar-buttonbox-container {
	transition: max-width 0.3s linear 0s;
	max-width: 100px;
	width: fit-content;
	overflow: hidden;
}

[filo]

The top panel of the application window disappears when deployed to full screen

Try opening ~/.config/kwinrc and go to section [Windows]. Set BorderlessMaximizedWindows=false, logout and login.

Was not working?

[kilo]

Ah well, I like the borderless maximized windows. It’s just that when you have titlebar disabled in the toolbar settings, the window buttons are put into the toolbar. This is simply a method of removing those when maximized to fit the theme of dragonized. Thanks for the comment, though .

[elite]

This looks like its due to the modded chrome.CSS as normally it works fine. but it is good to know if you do run userchrome.css scripts.