Skip to content

fix: use navbar-offset-size-bottom to set padding-bottom in app-layout in Aura#11425

Closed
DiegoCardoso wants to merge 1 commit intomainfrom
fix/aura/app-layout-padding-bottim
Closed

fix: use navbar-offset-size-bottom to set padding-bottom in app-layout in Aura#11425
DiegoCardoso wants to merge 1 commit intomainfrom
fix/aura/app-layout-padding-bottim

Conversation

@DiegoCardoso
Copy link
Copy Markdown
Contributor

Description

As in Lumo and base style, use the calculated value from the --_vaadin-app-layout-navbar-offset-size-bottom CSS property to set the padding-bottom of the app-layout host element, to ensure that the content is not blocked by the bottom navbar in phone devices.

Fix vaadin/flow-components#9038

Type of change

  • Bugfix

As in Lumo and base style, use the calculated value from the `--_vaadin-app-layout-navbar-offset-size-bottom` CSS property to set the `padding-bottom` of the `app-layout` host element, to ensure that the content is not blocked by the bottom navbar in phone devices.

Fix vaadin/flow-components#9038
@sonarqubecloud
Copy link
Copy Markdown

@DiegoCardoso
Copy link
Copy Markdown
Contributor Author

Closing as the better solution would go by adding a new stylable area as decided here vaadin/flow-components#9038 (comment).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

AppLayout content unreachable on iPhone with Aura theme

1 participant