planet icon indicating copy to clipboard operation
planet copied to clipboard

all: smoother mobile breakpoint (fixes #8607)

Open jessewashburn opened this issue 6 months ago • 0 comments

fixes #8607

Added mobile_small as a breakpoint/device type. This will allow us to more effectively target small screens. This breakpoint is currently set to 480px. Basically every smartphone in portrait mode should fall into this category.

Refactored various pages to handle the new breakpoint.

Mostly affects pages with toolbars that have several elements, including:

  • courses
  • courses-view
  • resources
  • resources-view
  • teams
  • teams-view
  • feedback
  • myPlanet logs
  • myPlanet reports
  • reports-detail
  • members

To test, ensure that the formatting doesn't break when narrower than 480px.

jessewashburn avatar Apr 30 '25 18:04 jessewashburn