experiment: App Layout base styles

[jouni]

Supported custom properties

Property	Description
--vaadin-app-layout-drawer-background	Background of the drawer.
--vaadin-app-layout-drawer-width	Width of the drawer.
--vaadin-app-layout-touch-optimized	Flag that triggers the bottom-aligned navbar.
--vaadin-overlay-backdrop-background	Background of the drawer backdrop. Shared across all overlays.
--vaadin-overlay-box-shadow	Shadow of the drawer. Shared across all overlays.
--vaadin-app-layout-navbar-background	Background of the navbar.
--vaadin-app-layout-transition-duration	Transition duration for the drawer open and close animation.

I consider the following properties private and read only. I would consider refactoring their implementation before Vaadin 25.0.

Property
--vaadin-app-layout-navbar-offset-top
--vaadin-app-layout-navbar-offset-bottom
--vaadin-app-layout-navbar-offset-left
--vaadin-app-layout-drawer-offset-left

The --vaadin-app-layout-navbar-offset-left property seems to be completely useless, it's always zero.

[jouni]

@vursen, note that these components don't need the base layer reset in the Lumo theme. I already included all necessary overrides in them, as the changes from the core styles to the new base styles weren't that big.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud