Skip to content
This repository has been archived by the owner on Nov 17, 2022. It is now read-only.

Shadow/gradient under close button #363

Open
Metaception opened this issue May 27, 2018 · 3 comments
Open

Shadow/gradient under close button #363

Metaception opened this issue May 27, 2018 · 3 comments

Comments

@Metaception
Copy link

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
Copy link

Keith94 commented May 27, 2018

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
Copy link
Author

Metaception commented May 27, 2018

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
Copy link

Keith94 commented May 27, 2018

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants