Skip to content

Code and the Copy button under Common Navigation with custom bottom slot and Common Navigation with custom mid slot are getting slightly overlapped in orientation-portrait mode.  #23642

@msftedad

Description

@msftedad

Describe the bug

Code and the Copy button under Common Navigation with custom bottom slot and Common Navigation with custom mid slot are getting slightly overlapped in orientation-portrait mode.

Severity: Usable

To Reproduce

Pre- Requisites:
Settings-->Display-->Display orientation-->Portrait.

Repro Steps:
Open URL: “Overview - Docs ⋅ Storybook (windows.net)” and sign in with valid credentials.
In left navigation select “components button for Common Navigation Drop Down select Common Navigation” and invoke it.
Now Apply Orientation in portrait mode and observe the page.
Verify whether the code and copy button are overlapping slightly or not.

System

Environmental details:  
Windows: Win11 Enterprise
OS: Version 22H2 (OS Build 22621.1992) 
Edge Version: Version 114.0.1823.51 (Official build) (64-bit) 
URL: Overview - Docs ⋅ Storybook (windows.net)

Additional context

Expected Result:
Code and the Copy button under Common Navigation with custom bottom slot and Common Navigation with custom mid slot should not get overlapped in orientation-portrait mode.

Attachments are added
Normal mode:
Normal mode (1)

After applying orientation:
Orienation mode

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions