[FOLIO-3517] Add option to collapse/expand first pane of Settings Created: 15/Jun/22  Updated: 09/Jun/23

Status: Open
Project: FOLIO
Components: None
Affects versions: None
Fix versions: None

Type: Story Priority: P3
Reporter: Ann-Marie Breaux (Inactive) Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: needs-testrail, no-epic-needed, settings, ui-only
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original estimate: Not Specified

Attachments: PNG File Invoice - collapse search filter pane.png     PNG File Invoice - expand search and filter pane.png     PNG File Settings - collapse first pane.png     PNG File Settings - expand first pane.png    
Issue links:
Defines
defines UXPROD-2334 NFR: Data Import & Inventory Not-Yet-... Draft
Sprint:
Story Points: 1
Development Team: Folijet
Release: Not Scheduled

 Description   

Purpose: To make the first pane of Settings collapsible/expandable, similar to the search/filter pane in most apps

As a staff person working with Settings
I want to be able to collapse and expand the first pane that lists all of the Settings categories
So that I can have more screen-space for the other Settings panes

Scenarios

  1. Scenario 1
    • Given the FOLIO Settings landing page
    • When viewing the first pane that lists all of the Settings categories
    • Then add a caret at the top of the pane, with tooltip text of Collapse pane
  2. Scenario 2
    • Given the FOLIO Settings landing page
    • When a user clicks the caret at the top of the first pane
    • Then collapse the first pane
    • And add a caret facing the opposite direction, with tooltip text of Expand pane
  3. Scenario 3
    • Given the FOLIO Settings landing page
    • When the first pane is collapsed
    • And the user clicks the caret at the top of the pane
    • Then expand the first pane
    • And display the caret at the top of the pane, with tooltip text of Collapse pane
  4. Scenario 4
    • Given the FOLIO Settings
    • When viewing any of the Settings pages
    • Then ensure that the collapse/expand caret and tooltip is displayed

See attached Invoice app screenshots as examples, plus mockups of the Settings landing page

Tooltip component: https://ux.folio.org/storybook/?selectedKind=Tooltip&selectedStory=Basic%20Usage&full=0&addons=1&stories=1&panelRight=0&addonPanel=REACT_STORYBOOK%2Freadme%2Fpanel



 Comments   
Comment by Erin Nettifee [ 28/Nov/22 ]

Ann-Marie Breaux I'm doing some cleanup and want to close the Settings epic - since this is a story that's already tied to an UXPROD, I took the Settings link off.

Generated at Thu Feb 08 23:28:43 UTC 2024 using Jira 1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d.