XenForo Fixed Sidebar structure!

Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...
EN: How to pin XenForo right sidebar?
Extra.lss Let's open the template
Let's enter the codes below at the bottom.

TR: XenForo Sağ Menü Nasıl Sabitlenir?
Extra.lss Şablonunu Açalım en alt
kısma kodları yapıştıralım ve artık
sağ menü yapışkan olucak mauseyle
aşağı indirince üstde kalmıcak oda inicek
böylelikle arada boşluk kalmıcak.

Kod:
@m-sticky-top: 40px;
@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;
        }
        .p-body-sideNavCol, .p-body-sidebarCol {
            display: none;
        }
        @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;
                }
            }
        }
    }
}

🔒 Bu içeriği görmek için giriş yapın

 
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...
133,751Konular
3,290,337Mesajlar
324,508Kullanıcılar
h1x1aaSon Üye
Üst Alt