Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 BUG: Profile Header Button Overflows Viewport in Browser #1793

Open
1 task done
wirtaw opened this issue Mar 16, 2025 · 0 comments
Open
1 task done

🐛 BUG: Profile Header Button Overflows Viewport in Browser #1793

wirtaw opened this issue Mar 16, 2025 · 0 comments

Comments

@wirtaw
Copy link

wirtaw commented Mar 16, 2025

What went wrong? 🤔

The profile header button (e.g., "Edit Profile", "Follow", etc.) extends beyond the visible viewport on certain browser window sizes, particularly when the browser window is narrow or the user has zoomed in. This results in the button being partially or completely cut off, making it inaccessible or visually unappealing.

Image
Full screen

Image
Resized

Expected Behavior

The profile header button should remain within the visible viewport at all browser window sizes and zoom levels. It should either:

  • Resize dynamically to fit within the available space.
  • Trigger horizontal scrolling if the content exceeds the viewport width.
  • Utilize responsive design techniques to adapt to different screen sizes.

Steps to Reproduce Issue

1. Go to 'https://app.daily.dev/'
2. Open full screen browser
3. See the error

Solution Proposed

Review header end container style buttons. Looks like plus button push outside strike and profile buttons.

Screenshots

Image

Environment

Fedora 41

Browsers

Firefox

OS

Linux

Version of daily.dev

No response

Additional Context

**Environment:**


* Screen Resolution: 1920x1080
* Zoom level:  50%, 100%, 150%

Code of Conduct

  • I follow the conditions of this project.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant