xF2 Template Modification Sticky sidebar

[DareSec]

DareDevil submitted a new resource:

Sticky sidebar - Sticky sidebar

To make a floating sidebar, just add extra.less, such code.

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

Read more about this resource...

 

[MIXER]

Where we can see a demo? Can you do code like UI.X for xenforo 1? There sticky sidebar are activate only on scrool up and hide on scrool down.. Demo you can found on official demo page of this theme (if you want I can get it to you).

 

[thuylinh]

This code error on XF 2.2 when the p-body-content column is shrunk. To fix this error, you have to modify the code a bit.