Scroll support in primary sidebar

Post Reply
auzair
Posts: 2
Joined: 14 Dec 2019, 09:48

16 May 2020, 14:45

Hi. I have purchased Morpheus template and am in the process of customizing it for my project. I am using the primary sidebar only (with icons) and have removed the secondary sidebar which opens which any icon from primary sidebar is clicked. There are several tabs in my primary sidebar and when they reach the vertical limit of sidebar, they disappear without any scroll mechanism.

I want to know how can I add a simple but narrow scrollbar when the tab count exceeds the visible height of primary sidebar?

merve7
Posts: 603
Joined: 12 Sep 2017, 10:44

06 Jul 2020, 14:01

Hi,
If you removed the secondary sidebar, you can add "overflow:auto" in layout-tabmenu class. Like the below code;
src/assets/sass/overrides/_layout_styles.scss

Code: Select all

body {
    .layout-wrapper {
        .layout-sidebar {
            .layout-tabmenu {
                overflow: auto;
            }
        }
    }
}
But, if you use the secondary sidebar, this solution doesn't work and we recommend to use the minimum tab item (primary sidebar).

Post Reply

Return to “Morpheus - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest