octicons icon indicating copy to clipboard operation
octicons copied to clipboard

[Bug] buttons examples go outside website width on mobile

Open Andre601 opened this issue 2 years ago • 2 comments

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

Andre601 avatar Jan 27 '22 17:01 Andre601

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.

github-actions[bot] avatar Jul 26 '22 18:07 github-actions[bot]

The issue is still present.

Andre601 avatar Jul 26 '22 22:07 Andre601