Separate tab close button and new tab button

[plomari]

I'd like to have a tab close button on the very right of the tab bar. (In most configurations, it would be directly below the application menu button in the toolbar.) Tabs themselves shouldn't have a close button.

You can do this with the Close Tab Button extension (1.0.0), which stopped working properly in Firefox 108. I also tried the Close Window Button extension (1.0.2), which is linked from a CustomCSSforFx page, but it doesn't work either. In both cases, no button is visible. Strangely, the buttons are visible if you enter Customize Toolbar mode.

Would it be possible to add this button to this project directly, to make it easier for users?

[Aris-t2]

I'm sorry, but CSS can not create (new) buttons.

[Aris-t2]

"New tab" button does already exist, so we can make it visible all the time and hide the "new tab" tab:

#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button,
#tabbrowser-tabs[overflow="true"] > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabs-newtab-button {
  display: unset !important;
}

#tabs-newtab-button {
  display: none !important;
}

[plomari]

I tried this. The button needs to be aligned to the right of the window, not to the tab. But I could probably fix this myself.

I think there's something else wrong. I just updated from dba9dbc to 4dc4c28, and the following things happened:

• the close buttons (both of them) and the old new tab button are back
• the tab bar was moved above the toolbar (I hate this)
• the shape of the tab bars changed and got bigger (not like I customized it)
• the close buttons on the tabs are back (what an awful idea, I always click them accidentally when I want to change the tab)

Uh. I have no idea why GUIs always get worse. And why I always have to fight this cursed browser. Makesx me wish I could just not update my browser, but I can't, because web devs sadly exist.

[plomari]

PS: so in summary:

• CustomCSSforFx 4.1.4 (dba9dbc) worked with some versions before Firefox 108 (possibly 107 or a version before that, not sure)
• CustomCSSforFx 4.1.4 with Firefox 108 breaks the close button added by two extensions (see above), the new tab button I had there (Simple New Tab button 1.2 extension), and that Firefox button that lets you select the tab from a list in a popup menu
• CustomCSSforFx master (4dc4c28) with Firefox 108 breaks everything completely, as I listed in the post above

I think I'm using this repository in the recommended way. I have the following symlinks:

config -> CustomCSSforFx/classic/config/
css -> CustomCSSforFx/classic/css/
image -> CustomCSSforFx/classic/image/

The CustomCSSforFx dir is a checkout of this git repo. userChrome.css and userContent.css are from this repo and edited for customization (as required). Plus some minor custom CSS for colors and the scrollbars.

Anything I'm obviously doing wrong?

[Aris-t2]

I only use/test the full release of this projects files inside chrome folder enabling and disabling settings through userChrome.css and userContent.css files.

Not sure what causes the code to fail on your end.
Try a clean new setup inside chrome folder.

---

My code above allows to use the "new tab" button all the time without the need of an additional add-on.

You can hide the close icon on tabs by disabling tab_close_always_visible.css and enabling tab_close_hidden.css, but this project can not create a "close button" on tab toolbar.

This add-on however still works for me and does the job:
https://addons.mozilla.org/firefox/addon/close-tab-button-quantum/