TopBar problem with Reveal Menu Mode when Anchored

Post Reply
epati
Posts: 2
Joined: 27 Dec 2022, 10:07

03 Jan 2023, 17:45

MegaMenu in the TopBar is occluded with the Reveal Menu (sidebar) when the menu is anchored.

This can be fixed by editing the _sidebar_reveal.scss like this:

Code: Select all

        ...
       &.layout-reveal-anchored {
             ...
             
            .layout-topbar {
                margin-left: 12rem;
            }
             ...
        }
        ...

cetincakiroglu
Posts: 119
Joined: 17 Dec 2021, 09:33

05 Jan 2023, 16:08

Hi,

The issue is not clear, could you please share a screenshot so we can identify the problem?

epati
Posts: 2
Joined: 27 Dec 2022, 10:07

06 Jan 2023, 14:01

Hi,

let me try to expain it more clearly;

First, Menu Mode is set to Reveal
Image

Now, Sidebar is collapsed and Breadcrumb and MegaMenu in the TopBar is visible as expected.
Image

When Sidebar is expanded, it occludes both the Breadcrumb and MegaMenu. This is expected since SideBar is now floating.
Image

But when Sidebar is pinned (using the checkbox on the right top side) layout gets broken. Breadcrumb adjusts its layout, but TopBar doesn't. This makes MegaMenu stay behind the Sidebar.
Image

cetincakiroglu
Posts: 119
Joined: 17 Dec 2021, 09:33

09 Jan 2023, 09:02

Hi,

Thanks for sharing screenshots, we'll check and get back to you

gucal
Posts: 10
Joined: 06 Sep 2022, 08:45

10 Jan 2023, 08:47

Hi,

Thank you for your information.

You can fix the problem by editing the code in your _sidebar_reveal.scss file.

Code: Select all

.layout-topbar {
            padding-left: 4.25rem;   
}
        
&.layout-reveal-anchored {
            .layout-topbar-end {
                padding-left: 17rem;
            }
}
We will fix the problem by publishing the new version as soon as possible.

Best regards.
gucal

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest