mobile-config-firefox/chrome/combined_favicon_and_tab_close_button.css

29 lines
1 KiB
CSS
Raw Normal View History

2020-05-22 07:13:58 +02:00
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/combined_favicon_and_tab_close_button.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
2018-12-31 12:34:01 +01:00
/* Show tab close button when cursor is over the tab icon */
/* inline_tab_audio_icons.css is recommended because otherwise you cannot mute the tab using the mute button */
.tab-content{
pointer-events: none
}
.tab-icon-image:not([busy]){ display: block !important; }
:where(.tab-content:hover) .tab-icon-image,
:where(.tab-content:hover) > .tab-icon-stack{
visibility: hidden;
}
2018-12-31 12:34:01 +01:00
.tab-close-button{
-moz-box-ordinal-group: 0; /* Firefox <112 compatibility */
order: -1;
display: flex !important;
2018-12-31 12:34:01 +01:00
position: relative;
2021-11-23 15:49:50 +01:00
margin-inline: -4px -20px !important;
padding-inline-start: 7px !important;
opacity: 0;
2021-05-09 06:47:17 +02:00
width: unset !important;
pointer-events: auto;
2018-12-31 12:34:01 +01:00
}
.tab-close-button:hover{ opacity: 1 }
2019-10-10 19:51:46 +02:00
.tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }