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.
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.
Code:
@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;
}
}
}
}
}