[MGNLUI-8637] Styling improvements for In-App Search area & filters Created: 20/Dec/23  Updated: 01/Feb/24  Resolved: 01/Feb/24

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Task Priority: Low
Reporter: Laura Delnevo Assignee: Sang Ngo Huu
Resolution: Done Votes: 0
Labels: searchx
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2023-12-20 at 14.48.13.png     PNG File Screenshot 2023-12-20 at 14.58.19.png     PNG File Screenshot 2023-12-20 at 15.05.50.png     PNG File Screenshot 2023-12-20 at 20.32.42.png     PNG File Screenshot 2023-12-20 at 20.32.52.png     PNG File Screenshot 2023-12-20 at 20.47.14.png    
Issue Links:
Cloners
clones MGNLUI-8636 Styling improvements Home Tab Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Date of First Response:
Epic Link: SearchX 1. In-App search & Top Nav

 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


 Comments   
Comment by Patricia Rodrigues [ 30/Jan/24 ]

sang.ngo Design review: 

All looking good.

Comment by Sang Ngo Huu [ 01/Feb/24 ]

Done by MGNLUI-8516

Generated at Mon Feb 12 09:56:59 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.