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

starligh tailwind(?) styling for active multiSidebar tab #114

Open
Freymaurer opened this issue Oct 16, 2024 · 0 comments
Open

starligh tailwind(?) styling for active multiSidebar tab #114

Freymaurer opened this issue Oct 16, 2024 · 0 comments

Comments

@Freymaurer
Copy link

Hey man! i really like the multi sidebar but i have some minor issues

Not sure why this happens for me (maybe because i use starlight with tailwind), but for me the active tab looks like this:

image

Which can be resolved by modifying this part:

.tab > [role="tab"] {
    display: block;
    text-align: center;
    font-size: var(--sl-text-base);
    font-weight: 400;
    text-decoration: none;
    color: var(--sl-color-gray-2);
    border-bottom: 1px solid var(--sl-color-gray-5);
+   border-top: unset;
+   border-left: unset;
+   border-right: unset;
    padding-inline: 0.2rem;
  }

I was able to fix this on my end using a custom.css and:

.tab > [role="tab"] {
  border-width: 1px !important;
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant