Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-4950

New filter design for find bar

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Fixed
    • Icon: Neutral Neutral
    • 6.1
    • None
    • None
    • None
    • Features 7, Features 8
    • 13

      Align find bar filter design with the filters introduced by MGNLUI-4937.

       

      The new pattern is now consistent throughout the UI (see in use fx. in definitions app).

      Collected mockups for find bar filters & behavior are on zeplin under the section "find bar improvements"

      https://app.zeplin.io/project/5acc848ede054e0a4865f805/dashboard?seid=5c3f4f01c1a57933c04c19ce

      https://app.zeplin.io/project/5acc848ede054e0a4865f805/screen/5c3f4eb233b923337966f1c1

       

      Collapsed filters / default view

      • move filter icon above grid on the right side (same as in definitions)
      • add title row for results grid
      • move checkbox "Show results from current app first" to the first column in title row
      • font size in title row 12px

      Expanded filters

      • filter icon is activated (icon bg grey)
      • add new filter style for the select boxes as in definitions
      • display of "black tags" for the filter selections stay the in same style as current

      Collapsed filters with "black tags"

      • filter icon is de-activated (icon bg white)
      • filters are collapsed
      • "black tags" move to a visible row under title space in the same style as current

      Scrolling behavior

      • follows the general pattern as described in MGNLUI-4944
      • scrollable area includes the title space
      • sticky elements when scrolling
        • toolbar (with filter icon)
        • row with "black tags"
        • title row of results grid

       

        Acceptance criteria

              mdivilek Milan Divilek
              slutz Simon Lutz
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Task DoR

                    Estimated:
                    Original Estimate - 3d Original Estimate - 3d
                    3d
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 4d 2.75h
                    4d 2.75h