[MGNLUI-4691] FindBar - Animation and behavior Created: 27/Sep/18  Updated: 06/Nov/18  Resolved: 05/Nov/18

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

Type: Task Priority: Neutral
Reporter: Ilgun Ilgun Assignee: Roman Kovařík
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 6h 20m
Original Estimate: Not Specified

Attachments: File App_Launcher_Find_Bar.mp4     File Findbar2.mov    
Issue Links:
Cloners
clones MGNLUI-4688 Apply new theme & styles to FindBar Closed
Issue split
split to MGNLUI-4741 Find bar animations glitches Closed
dependency
is depended upon by MGNLUI-4730 Resurface Animations: From Login to f... Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Epic Link: Find Bar front-end MVP
Sprint: Kromeriz 163, Kromeriz 164
Story Points: 13

 Description   

Acceptance criteria:

General

Find bar animation & behavior

Open find bar:

  • -Find bar search results slide down (animation) to bottom-border = 77px, when-
    • -clicking into search field-
    • -clicking on magnify icon-
    • superseeded by MGNLUI-4730 
  • Tabsheet and Content also slide down and are covered by a dark overlay
  • If available screen space is not enough for search results, make them scrollable within dedicated area
  • if available screen space is plenty for search results, fill remaining space with white color until you reach the "footer" 
    • If search results take time to come, slide down immediately anyway with white results curtain. 

Close find bar:

  • Find bar search results slide up (animation), when
    • clicking on a search result
    • clicking on the magnify icon (works like a toggle button)
    • clicking on the dark overlay in the footer
    • writing a command such as "open assets app"
  • Tabsheet and Content slide back up and dark overlay is removed, taking you back to the app that was overlayed.
  • If find bar is closed, remove/delete search term (this needs to be tested if it makes sense to the user)

 

(Added after 1st estimate, might need re-estimation)

Switching between find bar and app launcher:

  • If find bar is open and user clicks on app launcher, slide app launcher in from the right
  • If App launcher is open and user clicks on find bar, slide find bar in from the left

 

Animated mockup

  • see attached

 


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