search

digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 141 forks source link

Left Sidebar Fixed to Left and Top? #52

Closed bretonio closed 6 years ago

bretonio commented 6 years ago

My propeller-styled sidebar is working properly except that it continues to scroll with the main content rather than fixing to the left as it should with the '.pmd-sidebar-left-fixed` class.

Scrolling down the page scrolls the sidebar, I mean.

My current markup.

// Sidebar
section#pmd-main
    // Left sidebar
    aside.pmd-sidebar.sidebar-custom.sidebar-default.pmd-sidebar-slide-push.pmd-sidebar-left.pmd-z-depth.sidebar-hide-custom(role='navigation', style='position: absolute;')
        ul.nav.pmd-sidebar-nav
            // My Account
            li.dropdown.pmd-dropdown.pmd-user-info
                a.btn-user.dropdown-toggle.media(aria-expanded='false', data-sidebar='true', data-toggle='dropdown', href='javascript:void(0);')
                    .media-left
                        // img(width='40', height='40', alt='avatar', src='http://propeller.in/assets/images/avatar-icon-40x40.png')
                    .media-body.media-middle 
                        i.fa.fa-wifi.fa-lg
                        |   The Superuser Blues
                    .media-right.media-middle
                        i.material-icons.pmd-sm more_vert
                ul.dropdown-menu
                    li
                        a.pmd-ripple-effect(href='javascript:void(0);', tabindex='-1')
                            i.material-icons.media-left.media-middle person
                            span.media-body Who Am I?

... and so on. Thanks for your kind attention to what may prove to be my idiocy again.

piyush-digicorp commented 6 years ago

Hello,

We apologize for replying late.

What we observed from your code snippet is that you have explicitly added position: absolute in the inline style:

aside.pmd-sidebar.sidebar-custom.sidebar-default.pmd-sidebar-slide-push.pmd-sidebar-left.pmd-z-depth.sidebar-hide-custom(role='navigation', style='position: absolute;')

Please remove the same and your sidebar will start working properly.

Hope this may solve your purpose.

bretonio commented 6 years ago

That summarily did the trick and I thank you very much for your kind attention.