Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Coloring top-border of the active tab OUT OF WORK #9680

Open
yesw2000 opened this issue May 28, 2024 · 2 comments
Open

Coloring top-border of the active tab OUT OF WORK #9680

yesw2000 opened this issue May 28, 2024 · 2 comments
Labels

Comments

@yesw2000
Copy link

Describe the problem:
The following css (applied in the Appearance setting) to color the top border of the active tab works under tabby version 1.0.196, but not under version 1.0.207.

    #cdk-drop-list-0 >
    tab-header.ng-tns-c127-0.fully-draggable.ng-trigger.ng-trigger-animateTab.ng-star-inserted.active:after
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        pointer-events: none;
    background:#ff6c37;
        border-top: 4px solid var(--base-color-brand);
        height: 5px;
    }

As shown in the screenshot for Tabby-1.0.196, the active tab-2 is colored in orange.
Screenshot-Tabby-1_0_196

While the tabby-1.0.207 showed:
Screenshot-Tabby-1_0_207

To Reproduce:
[Steps to reproduce the behavior]

@moemoechu
Copy link
Contributor

maybe you can try this:
tab-header.active:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
pointer-events: none;
background:#ff6c37;
border-top: 4px solid var(--base-color-brand);
height: 5px;
}

@yesw2000
Copy link
Author

@moemoechu ,

I just tried, and it did work on both versions. Many thanks.👍😃

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

No branches or pull requests

2 participants