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

Issue with Page source box overlapping sidebar #558

Open
hwahyeon opened this issue Sep 25, 2024 · 1 comment
Open

Issue with Page source box overlapping sidebar #558

hwahyeon opened this issue Sep 25, 2024 · 1 comment

Comments

@hwahyeon
Copy link
Contributor

screenshot

#toc-btn{
     z-index: 2; // above the toc-container
   ...
}
#toc-container{
    z-index:1; // above the "page source" bar
   ...
}

It seems that z-index: 1 is set on #toc-container, but it may not be working as expected. This could be due to the parent element, #logo-container, creating a stacking context, which limits the effect of the child element's z-index within the parent. I believe adding z-index: 1 to the parent(#logo-container) could resolve this issue.

#logo-container{
    height:90px;
    width:23%;
    margin-left:1%;
    margin-right:1%;
    position:fixed;
    z-index:1; // add z-index
}

I'm open to any other suggestions.
Thanks!

@vindarel
Copy link
Contributor

hello thanks for the report, and the fix suggestion. It looks good to me, I didn't try on my side yet.

BTW I saw the same issue with the banner.

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

2 participants