Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-633 Improve visual appearance of trees and lists
  3. MGNLUI-1165

Better visually group icons with their values in trees and lists

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Closed
    • Priority: Neutral
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 5.0
    • Component/s: design, tree/list
    • Labels:
    • Sprint:
      Beta 2

      Description

      This issue includes a number of padding changes to increase the readability of a single row and ensures that elements belonging together actually are seen as such:

      • move the icons closer to the text
      • make the gap between the icons and the arrows in trees smaller, but make sure that the touch target of the arrows remains large enough.
      • finally, increase the gap between the check box and the arrow (in trees) or the icon (in lists), so that the two are better separated.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              spenttila Samuli Penttilä
              Reporter:
              weder Andreas Weder
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Date of First Response: