Il footer personalizzato si sovrappone alla sidebar di destra

Name

I know about custom footer but If I am using it but in discussion due to the sidebar scroller postition fixed it gets inside it.

Italian: Conosco il footer personalizzato ma se lo sto usando lo scroller della barra laterale entra al suo interno.

Marko

Name to fix that u can add this css into your admin dashboard:

traduzione: per impedire questo errore devi mettere questo codice nel pannello di amministrazione

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

remember that there's an english support on discuss.flarum.org

Name

Il CSS sopra causa questo problema.

Marko

u can play with z-index to fix this. If u want to share your website i will look into it

italiano: puoi utilizzare z-index nel css per provare ad ottimizzarlo.

Name

EN: I found a better css here it works very properly with following menu as well as it doesn't even decreases size of scroller.
IT: Ho trovato un css migliore qui che funziona molto bene con il seguente menu e non riduce nemmeno le dimensioni dello scroller.

.DiscussionPage {
  &-discussion {
    > .container {
      --container-gap: 30px;
      display: grid;
      grid-template-areas: "stream nav";
      grid-template-columns: calc(~"100% - 150px - var(--container-gap)") 150px;
      gap: var(--container-gap);
    }
  }

  &-nav {
    grid-area: nav;
    float: none;

    @media @tablet-up {
      > ul {
        position: sticky;
        top: ~"calc(55px + 30px)";
        max-height: 70vh;
      }
    }
  }

  &-stream {
    grid-area: stream;
    margin-right: 0;
  }
}

@media @phone {
  .DiscussionPage {
    &-discussion {
      > .container {
        display: block;
      }
    }
  }
}

https://github.com/afrux/flarum-theme-base/blob/master/less/forum/DiscussionPage.less

Marko

Name thank you for sharing this!

IT: grazie per aver condiviso il codice con noi