• Hoşgeldin ziyaretçi , forumdan daha fazla yararlanmak için buradan üye olunuz...

xenforo 2x Sabit kenar çubuğu nasıl yapılır?

Okunuyor :
xenforo 2x Sabit kenar çubuğu nasıl yapılır?

YukseLL

Emektar
Yönetici
Admin
Moderatör
Üye
Kayan yani sabit bir kenar çubuğu yapmak için, extra.less, sablonuna böyle bir kod eklemeniz yeterlidir.

CSS:
@m-sticky-top: 48px;

@media (min-width: (@xf-responsiveWide + 1px)) {
    .p-body-main--withSidebar {
        display: flex;
        align-items: flex-start;

        .p-body-content {
            flex: 1 1 auto;
            display: block;
            width: ~"calc(100% - @xf-sidebarWidth)";
        }

        .p-body-sideNav,
        .p-body-sidebar {
            flex: 0 0 auto;
            display: block;
        }

        @supports ((position: sticky) or (position: -webkit-sticky)){
            .p-body-sidebar {
                position: -webkit-sticky;
                position: sticky;
                top: 10px;
                & when (@xf-publicNavSticky = primary) or (@xf-publicNavSticky = all) {
                    top: @m-sticky-top * 1px + 10px;
                }
            }
        }
    }
}
 
Üst Alt