Horizontal Menu Bug - extra bottom padding

Post Reply
cbada
Posts: 3
Joined: 17 Apr 2018, 17:14

11 Sep 2018, 17:31

https://imgur.com/a/fNsb9SU

You can see the horizontal menu has extra padding on the bottom which actually covers part of the breadcrumb menu as well.

cbada
Posts: 3
Joined: 17 Apr 2018, 17:14

13 Sep 2018, 17:57

I created my own fix for now:

Code: Select all

@media (min-width: 1024px) {
  .ui-scrollpanel-wrapper {
    height: 35px;
  }
}

@media (max-width: 1024px) {
  .ui-scrollpanel-wrapper {
    height: 100%;
  }
}
This allows the height to still work once you shrink the width of the viewport enough to invoke the slider menu. I'll look back here for an official fix from the team. Thanks.

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

17 Sep 2018, 10:24

Thank you for your feedback. We fixed for next release but you can use the below code until release ;

Code: Select all

@media (min-width: 1025px){
    .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
        padding: 0;
    }
}
@media (min-width: 1025px) {
    .layout-container.menu-layout-horizontal .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
        padding: 0;
    }

}

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests