Skip to content

Add padding to mobile nav menu #7947

@ryankeairns

Description

@ryankeairns

Describe the bug
Looks like we might have lost some padding in the mobile nav.

From EUI docs
CleanShot 2024-08-06 at 10 08 42@2x

From Kibana > Discover
CleanShot 2024-08-06 at 10 17 50@2x

Impact and severity
The impact and severity are likely to be low as we see low, single-digit use on smaller viewports. That said, we don't know who/how this is used outside of our walls.

Environment and versions

  • EUI version:
  • React version:
  • Kibana version (if applicable): main branch (8.16)
  • Browser: arc
  • Operating System: mac

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://eui.elastic.co/#/layout/header/elastic-pattern and open the 'Fullscreen demo' or run Kibana locally and open Discover with a small viewport

Expected behavior
Padding within the panel... something like:
CleanShot 2024-08-06 at 10 20 43@2x

Minimum reproducible sandbox
It is extremely helpful for us if you are able to reproduce your issue in a minimum reproducible sandbox (visit our docs site and click the CodeSandbox logo in the top-right corner).

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

Labels

design decisionUse this to flag an item that needs input from the design team

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions