Basically what I want to do is to have the DiscussionPage-nav sticky or fixed during scrolling, the only way I've been able to do this without it going beyond the footer or the topic title is with the following code:
@media (min-width: 992px) {
.DiscussionPage-nav, .DiscussionPage-nav>ul {
width: 190px;
position: sticky;
top: 80px;
}
.App {overflow-x: visible;}
}
As you can see in the image but for some reason the first post acquires the height of the DiscussionPag-nav, is there any way to solve it? or even if you know a more efficient way to have this menu locked during the scroll, but without exceeding the limits of the div of the title of the discussion or footer would help me a lot.