SideNav - Horizontal Spaces

[kevzlou7979]

It seems that sidenav with nested collapsible sidenav items create horizontal spaces which is a cosmetic minor issue on the Ui Look of the sidenav.

[kevzlou7979]

Fixed via bb876a6

[pedjapesic]

@kevzlou7979 on the same image you can see another problem: Problem 1: Top navigation bar with blue color is "shifted" left when side navigation is open. When you click or tap on right "main" (outside side navbar) space, it will render ok, but another problem is much more serious: Problem 2: on mobile device if you close sidebar by "drag out menu" or "swipe side navigation on left" than it will render top navigator completely wrong. I do not have a time to make a screenshot now, but I can do it later if necessary. It's very easy to reproduce on real mobile device, but you cannot do it on desktop as you are not able to close it that way.

[kevzlou7979]

Yeah it seems that the issue came from Errai Demo. I am doing now the fixed which is inside the SidenavOpenEvent and SidenavCloseEvent which it seems that I need to update inside the demo about the width of the navbar when closing or opening. This doesnt seem to have a inner issue inside the api but the errai demo itself. Thanks for catching this

[BenDol]

Its a demo specific error not with the gwt material library itself

[kevzlou7979]

Yeah agreed, I updated the errai demo and now everything behaves well :)

[pedjapesic]

Perfect!