mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Closed Icon - Thicker, Larger, Padding reduce at clipped #179

Browse source
This commit is contained in:
BlaCk_Void 2021-08-20 22:19:48 +09:00
parent 612ff5ef34
commit 4fb392f4ce
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
icons/dismiss-filled.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
<path d="M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 783 B

23
userChrome.css
View file

@ -994,15 +994,30 @@
visibility: collapse !important;
}
/* Closed Button Smaller */
/* Closed Button's icon thicker */
.tabbrowser-tab .tab-content > .close-icon {
list-style-image: url(./icons/dismiss-filled.svg) !important;
}
/* Closed Button's icon larger */
.tab-close-button {
padding: 6px !important; /* Original: 7px */
}
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
padding-inline-start: 1px !important; /* Original: 0px */
width: 19px !important; /* Original: 17px */
}
/* Closed Button's padding reduce */
#tabbrowser-tabs[closebuttons="activetab"] .tab-content > .tab-close-button {
padding: 5px !important; /* Original: 7px */
margin-inline-end: calc((var(--inline-tab-padding) / -2) + 2px) !important; /* Original: calc(var(--inline-tab-padding) / -2)*/
padding: 4px !important; /* Original: 7px */
width: 20px !important; /* Original: 24px */
height: 20px !important; /* Original: 24px */
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
padding-inline-start: 2px !important; /* Original: 0px */
width: 17px !important; /* Redefine from 20px !important, Original: 17px = (width - padding) */
padding-inline-start: 3px !important; /* Original: 0px */
width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */
}
/** Sound Tab - Hide Label **************************************************/