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

Description

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

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

Environment

None

Activity

Cindy LiApril 13, 2017 at 9:02 PM

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

Cindy LiApril 12, 2017 at 7:45 PM

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

Justin ObaraFebruary 24, 2017 at 2:05 PM
Edited

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

Justin ObaraJanuary 19, 2017 at 9:28 PM

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 ObaraJanuary 19, 2017 at 8:08 PM

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

Fixed

Details

Assignee

Reporter

Components

Fix versions

Affects versions

Priority

Created October 22, 2014 at 2:53 PM
Updated April 13, 2017 at 9:02 PM
Resolved April 12, 2017 at 7:45 PM