search

storybookjs / storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
https://storybook.js.org
MIT License
84.83k stars 9.34k forks source link

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

Open msftedad opened 1 year ago

msftedad commented 1 year ago

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

Siddhant-Kashyap commented 1 year ago

Can i go for this ?Assign it to me Please , and i am new to open source contribution so please help me also

kavishshahh commented 1 year ago

@vanessayuenn @msftedad can you assign this task to me?

TanishqRinjay commented 1 year ago

@vanessayuenn @msftedad , Can I work on this? I'm new in open-source, please guide me thorough

vanessayuenn commented 1 year ago

@kavishshahh @TanishqRinjay either of you can feel free to open a PR referencing this issue! Be sure to check the contribution guide and hop onto the Storybook Discord if you need any help getting started. Looking forward to your contribution! ✨

rasvii commented 1 year ago

@vanessayuenn I can contribute to this if its no one is actively working on it.

vanessayuenn commented 11 months ago

@rasvii please do!

msftedad commented 10 months ago

Hi team, Any update on this issue?