Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-77051

Update input move boxes for better UX experience

    Details

      Description

      Activate and Assign Priority Component needs to reinforce the feedback for the end user.

      Here are the changes that Lexicon wants to do in this pattern

      General Changes:

      1. Arrow buttons must always stay visible.
      2. Arrow buttons must be active only when the focus is set in the list
        1. On Left List Focus 
          1.  Left arrow button
            1. Always disabled
          2. Right arrow button
            1. list.count > 0  -> enabled
            2. otherwise disabled
          3.  Up arrow button
            1. list.count > 1 && list.item != first -> enabled
            2. otherwise disabled
          4.  Down arrow button
            1. list.count > 1 && list.item != last -> enabled
            2. otherwise disabled 
        2. On Right List Focus
          1. Left arrow button
            1. list.count > 0  -> enabled
            2. otherwise disabled
          2. Right arrow button
            1. Always disabled
      3. Mobile
        1. Maintain the look and feel as it is.
        2. Drag and drop action is hard right now. Can we make the whole cell draggable?
        3. As a convention, we are trying to standardize a 500ms press before dragstart is triggered so there is enough difference with scroll. 

        Attachments

        1. fix.gif
          fix.gif
          1.23 MB
        2. fix-2018-11-30.gif
          fix-2018-11-30.gif
          1.06 MB
        3. image-2017-12-27-14-58-59-203.png
          image-2017-12-27-14-58-59-203.png
          76 kB
        4. input_move_fix.gif
          input_move_fix.gif
          290 kB
        5. moveButtonsUX.mp4
          662 kB
        6. ReviewRecord.mov
          5.18 MB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Days since last comment:
                  34 weeks, 6 days ago

                  Packages

                  Version Package
                  Master