primer/octicons

[Bug] buttons examples go outside website width on mobile

Andre601 opened this issue · 2 comments

Andre601 commented

Describe the bug

When viewing an Octicon which has button examples while on mobile, do the buttons go beyond the screen width.

Steps to reproduce

Steps to reproduce the behavior:

  1. Open the octicons page on mobile
  2. Click an icon that has button UI examples (i.e. moon (16px))
  3. Scroll down to the button examples
  4. See the buttons go beyond the screen width

Expected behavior

The buttons should stay within the screen

Screenshots

button examples issue

Device details

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: Samsung Galaxy S9
  • OS: Android 10
  • Browser Google Chrome
  • Version 97.0.4692.98

Additional info

github-actions commented

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

Andre601 commented

The issue is still present.

  • 👍1