search

eoger / tabcenter-redux

Vertical Tabs extension for Firefox
Mozilla Public License 2.0
381 stars 67 forks source link

Shadow/gradient under close button #363

Open Metaception opened 6 years ago

Metaception commented 6 years ago

I prefer there to be no close button on the vertical tabs (middle click is preferred), but the naive way of hiding .tab-close leaves a ugly shadow. After some digging, I added was able to find the CSS code:

/* Close button */
.tab-close {
    display: none !important;
}
/* Close button gradient */
.tab:hover:not(.pinned) > .tab-title-wrapper {
    mask-image: linear-gradient(to left, transparent 0, black 2em) !important;
}

I think it would be best if there was some indication that the mask-image is for the close button or there should be a wiki entry explaining it. Especially since the method of applying the gradient seems to change with releases.

I noticed #291 mentioned doing something similar, but the CSS was never added to the wiki.

Keith94 commented 6 years ago

This is a good addition to the wiki; I've went ahead and added your code here.

Feel free to edit the page and make any changes you like.

Metaception commented 6 years ago

Thanks for adding it to the wiki!

In the event that the code changes again and no one else updates the wiki before me, I will update the tweak with newer code.

Keith94 commented 6 years ago

No problem! Thanks for your useful tweak. :)

There are some upcoming changes over in #328, but it doesn't compromise the CSS in any way.