Discussion page z-index isssue

fakruzaruret

As you can see on image text show over other buttons etc. There is problem on stable version.

jordanjay29

fakruzaruret Can you confirm it on demo.flarum.site please?

fakruzaruret

May be I violate the guidelines by mention admins. @luceos @IanM

There is a CSS bug. I think this will be solved next minor update or you can share a temporary css command solution. Current state is not seems nice.

fakruzaruret

jordanjay29 I can't register. I tried this on my forum and also Flarumtr. This issue there is both of them

jordanjay29

fakruzaruret I can't register.

https://flarum.org/demos

You can log in as user "admin" with password "password". Or you can sign up, do not use your actual email address or share any other sensitive information. You email is automatically verified. Signing up with an email address starting with admin@ or mod@, will automatically assign you that permission.

I'd just like to see if it presents without any CSS customizations.

fakruzaruret

jordanjay29 yes I found at the last. This caused from our custom css.

.DiscussionPage-nav, .DiscussionPage-nav>ul {

//position: fixed; (I get this problem when I convert scrubber's position from fixed to stick)
position: sticky;

}

jordanjay29

fakruzaruret I suspected that was the case, I couldn't confirm it myself. I just wanted to be sure I wasn't doing anything different than you.

Glad you found the issue! Is this solved?

fakruzaruret

jordanjay29

My code is here. This make sticky but content overflow on buttons. How can I solve this problem?

@media (min-width: 992px) {
.DiscussionPage-nav, .DiscussionPage-nav>ul {
width: 190px;
position: sticky;
top: 60px;
}
.App {overflow-x: visible;}
}
.Post::before, .Post::after {content:none;}

pupsik

you can remove:

position: sticky;
top: 60px;

fakruzaruret

pupsik But ı want to use sticky 😃

Just I have added Z-index: 1 and problem solved we can sign solved the discussion @jordanjay29