FLUID-5536: responsive UIO: Adjust "text size" and "line spacing" panels to their mobile look

Metadata

Source
FLUID-5536
Type
New Feature
Priority
Blocker
Status
Closed
Resolution
Fixed
Assignee
Justin Obara
Reporter
Cindy Li
Created
2014-10-22T10:53:01.593-0400
Updated
2017-04-13T17:02:20.329-0400
Versions
  1. 1.5
Fixed Versions
  1. 3.0
Component
  1. UI Options

Description

Implement steppers ( +/- buttons with a textfield ) to replace the textfield sliders

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

Comments

  • Justin Obara commented 2017-01-19T15:08:21.179-0500

    Look into reusing code developed in this PR https://github.com/fluid-project/infusion/pull/726

  • Justin Obara commented 2017-01-19T16:28:07.103-0500

    Implement steppers to replace sliders
    Make use of Stans textfieldButton component
    Refactor textfieldSlider and textfieldButton to generalize common parts
    Remove jQuery Slider version from textfield slider component

  • Justin Obara commented 2017-02-24T09:05:22.600-0500

    Some further discussion about factoring of grades, as well as handling of invalid entries.
    https://botbot.me/freenode/fluid-work/2017-02-24/?msg=81489637&page=1

    In summary:

    Make the fluid.textfieldControl a modelComponent which gets added to the textfield as a sub component. the slider and stepper would add this as a grade to their own textfield subcomponents.. and the configuration for limiting the textfield to numbers should be set in the textfieldControl config somehow

  • Cindy Li commented 2017-04-12T15:45:32.398-0400

    The pull request for the infusion repo has been merged into the master branch at 365e884f4e572a26bbed9d8f6f8bd4f5ab0e0895

  • Cindy Li commented 2017-04-13T17:02:20.329-0400

    The pull request for the infusion-docs repo has been merged into the master branch at 6c6bb9b49877a10a1b7979c77066d9e140c1c659