tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

simplify tab-close-button styling

Browse Source
This commit is contained in:
MrOtherGuy
2021-05-09 07:47:17 +03:00
parent 6556b1d525
commit a9870bd053
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
chrome/combined_favicon_and_tab_close_button.css
View File

@@ -8,9 +8,9 @@ See the above repository for updates as well as full license text. */
display: -moz-box !important;
position: relative;
margin-inline: -1px -19px !important;
padding: 0px !important;
z-index: -1;
visibility: hidden;
width: unset !important;
}
.tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }
.tabbrowser-tab:hover .tab-close-button{
@@ -20,9 +20,8 @@ See the above repository for updates as well as full license text. */
@media (-moz-proton){
.tab-close-button{
margin-inline: -4px calc(-16px - var(--inline-tab-padding) / 2) !important;
padding: 7px !important;
width: calc(16px + var(--inline-tab-padding)) !important;
margin-inline: -4px -20px !important;
padding-inline-start: 7px !important;
}
}
@@ -49,4 +48,4 @@ See the above repository for updates as well as full license text. */
.tab-icon-stack:hover ~ .tab-close-button,
.tab-close-button:hover,
.tabbrowser-tab:not([image]):hover .tab-close-button{ visibility: visible; z-index: 1; }
.tabbrowser-tab:not([image]):hover .tab-close-button{ margin-inline-end: 0 !important; }
.tabbrowser-tab:not([image]):hover .tab-close-button{ margin-inline-end: 0 !important; }