![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How can I edit the userChrome.css to only show the icon and the close button for tabs that are neither selected nor hovered over?
How can I edit the userChrome.css to only show the icon and the close button for tabs that are neither selected nor hovered over? I still want the normal tab size to be displayed for the one / two tabs that are currently selected / hovered over like is default behaviour. I am basically looking for what is provideded on this github page, however with the closing icon and only for unselected tabs that I am not hovering over.
Thanks in advance
All Replies (4)
You only want to show the label text on the currently selected tab and hide this text on all other tabs unless you hover a tab ?
Does this code work ?
.tabbrowser-tab .tab-text {display:none !important;} .tabbrowser-tab:is([selected],[multiselected],:hover) .tab-text {display:unset !important;}
cor-el trɔe
Hmm, what is the purpose of having the close button on tabs only when you cannot hover them? I think that would make the buttons unusable because as soon as the mouse approaches, they would vanish.
@cor-el thanks for your response. The solution that you provided is mostly what I was looking for, only that the size of an unselected tab should be only icon and close button without all of the blank space in between.
Thanks in advance
WARNING from the moderator team: This script is not provided by Mozilla and is not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization.
Please read Firefox Advanced Customization and Configuration Options to learn more.