cl-cookbook icon indicating copy to clipboard operation
cl-cookbook copied to clipboard

Issue with Page source box overlapping sidebar

Open hwahyeon opened this issue 1 year ago • 1 comments

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!

hwahyeon avatar Sep 25 '24 22:09 hwahyeon

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.

vindarel avatar Sep 27 '24 18:09 vindarel