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 overlapped when browser zoom level set to 400%.[Bug]: #23641

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 overlapped when browser zoom level set to 400%.

Severity: Usable

To Reproduce

Pre- Requisites: Set browser zoom level to 400%

Repro Steps: 

  1. Open URL: “Overview - Docs ⋅ Storybook (windows.net)” and sign in with valid credentials.
  2. Expand Common navigation in left navigation pane and select Common Navigation under it.
  3. Now Apply Reflow (400% zoom) for web for the opened page.
  4. Verify whether the Code and copy button are overlapping or not.

System

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 when browser zoom level set to 400%.

Attachment are added:

Normal mode

Zoom-Common Navigation with custom bottom slot

kavishshahh commented 1 year ago

@vanessayuenn can you assign this to me?

vanessayuenn commented 1 year ago

@kavishshahh sure thing!

aditya-garg-09-01-2002 commented 1 year ago

is the issue resolved or can I work on it @kavishshahh and @vanessayuenn I am new to open source so I don't understand whether its closed but issue is not been reproduced on my system

vanessayuenn commented 1 year ago

@aditya-garg-09-01-2002 Thank you for your interest in helping out! It looks like @kavishshahh might have started working on this already. Please check out other issues labeled with "Good first issue" to find other issues you can work on.

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! ✨

aditya-garg-09-01-2002 commented 1 year ago

Ok I would be doing that, Thanks!!

kavishshahh commented 1 year ago

I am unable to run wsl on my device so unable to fix this issue @aditya-garg-09-01-2002 you can start solving this issue.

aditya-garg-09-01-2002 commented 1 year ago

Ok I will try running WSL as well then move ahead. Thanks @kavishshahh

anniepauline commented 1 year ago

hey!! Can I work on this issue?

vanessayuenn commented 1 year ago

@anniepauline go for it!

msftedad commented 10 months ago

Hi team, Any update on this issue?