Brave's Close Icons are circular, don't always show up, and are just odd in general. They don't even have even padding on the right side. This is my attempt to add these to Firefox.
<aside> ❤️ Notable Help: u/9hp71n
</aside>
Just removes the close icon from all tabs.
/* Kill Close Button. (Don't Worry, It Comes Back Later) */
#TabsToolbar .close-icon {
display: none !important;
}
This makes selected tabs always show the close icon, even if not hovered on.
/* Always Show Close Icon - Selected Tabs */
#TabsToolbar .tabbrowser-tab[selected]:not([pinned]) .close-icon {
display: inline-block !important;
}
Instead of leaving each unselected tab un-closable unless you enter that tab, this makes the close icon appear on hover for unselected tabs.
/* Show Close Icon On Hover - Unfoucused Tabs */
/* Thanks u/9hp71n */
#TabsToolbar .tabbrowser-tab:not([pinned]):hover .close-icon {
display: inline-block !important;
}