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

Styling improvements for In-App Search area & filters

    XMLWordPrintable

Details

    • Task
    • Resolution: Done
    • Low
    • None
    • None
    • None

    Description

      Styling improvements for In-App search area & filters

      ACs

      • The in-app Search box is longer, as per design file: 256 px
      • The search box text to read "Search in pages OR Search in assets" when in-app search
      • The search box text to be bigger (same size as tabs text) and darker (dark-grey) as per Figma design file
      • The typing search bar state to be the same as when active, but with black text 
        • No green shade, just black

       

      • Status filter to be visible by default in Pages App
      • Clear filter button to show up only when there are open filters
      • Add filter button to have the same margins as all the filter buttons
      • All icons in the filter buttons and add filter button to be smaller as per design file: 16px
      • Remove shade from filter button mouse hover state

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                sang.ngo Sang Ngo Huu
                ldelnevo Laura Delnevo
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoR