mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-09-19 18:47:19 +02:00
b9e140dbbd
This rewrites the style to achieve compatibility with inline_tab_audio_icons.css. compatibility only requires few small non-affecting extra rules in inline_tab_audio_icons. This patch also makes combined_favicon_and_tab_close_button work with themes where tab background is not full opaque which is a nice bonus :)
27 lines
989 B
CSS
27 lines
989 B
CSS
/* 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. */
|
|
|
|
/* 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;
|
|
}
|
|
.tab-close-button{
|
|
-moz-box-ordinal-group: 0;
|
|
display: -moz-box !important;
|
|
position: relative;
|
|
margin-inline: -4px -20px !important;
|
|
padding-inline-start: 7px !important;
|
|
opacity: 0;
|
|
width: unset !important;
|
|
pointer-events: auto;
|
|
}
|
|
.tab-close-button:hover{ opacity: 1 }
|
|
.tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }
|