FLUID-5534: responsive UIO: Add the arrow for the navigation

Description

Implement arrow buttons to navigate between adjuster panels.

See designs:
https://wiki.fluidproject.org/display/fluid/(Floe)+User+Interface+(Learner)+Options+Mobile+and+Responsive+Design

Comments

• Justin Obara commented 2017-04-25T13:05:15.372-0400

  What should happen in cases where the panel is too big to fit on screen, should we allow horizontal scrolling just for the panel?

• Justin Obara commented 2017-04-25T13:57:03.396-0400

  An initial step will be to just add the arrows into the panels by the headers to indicate that there is more content available. They will not be interactive to trigger scrolling between panels yet at this stage.

• Cindy Li commented 2017-04-27T15:18:01.097-0400

  The pull request of the initial implementation has been merged into the project repo master branch at c3b3cdf783cdc48f89e8b57ceb46552d02ec967a

• Justin Obara commented 2017-04-27T16:32:15.184-0400

  For the next phase try to get the arrows to trigger scrolling where the left edge of the window lines up with the left edge of the next/previous panel. That is, any overflow from a panel that is too large will be cropped at the right.

• Eloisa Guerrero commented 2017-08-21T10:45:01.569-0400

  Moved the panel number breadcrumbs to FLUID-6186.

• Cindy Li commented 2017-10-31T15:02:55.335-0400

  The code pull request has been merged at 61f29d2051d3557fdac8a68060c51f861ea24cc0

  The doc pull request has been merged at 94efb87dd8cd53caa13600efd7a1f2322bd8e631