Uploaded image for project: 'Mender'
  1. Mender
  2. MEN-4164

UI QoL: convert "expand" pattern to slide out pattern

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Done
    • Priority: (None)
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:

      Description

      As we get more and more information to display in the UI, it becomes harder to display it nicely within expand/collapse patterns in tables. Dialog/modals are also a bit restrictive in terms of screen space, and should rather be used to request action rather than to show information.

      Convert the appropriate drill-down UX to a slide out pattern: "These panels allow for greater content and/or more complex interactions thus behaving much like an additional webpage while maintaining a contextual connection to the primary task."

      Design tasks to identify where this should be used, and how information should be displayed within:

      • Device information (design: MEN-4165)
      • Deployment reports (design: MEN-4167)
      • Billing information
      • Audit log diffs ?
      • more ?

      See example WIP for devices: https://invis.io/JCZG6ZVX4KE

       

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                a10041 Michael Clelland
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Summary Panel