Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

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?

  • 4 replies
  • 1 has this problem
  • 2 views
  • Last reply by Paul

maximilian.brandtner
maximilian.brandtner
more options

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

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 [https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/icon_only_tabs.css 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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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;}

Modified by cor-el

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

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.

maximilian.brandtner
maximilian.brandtner Question owner
more options

@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

Paul
Paul
  • Moderator
  • Top 10 Contributor
more options

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.