[PAGES-1453] Styling of Pages app tree view table updates Created: 08/Sep/23  Updated: 24/Jan/24  Resolved: 22/Jan/24

Status: Closed
Project: Magnolia pages module
Component/s: None
Affects Version/s: None
Fix Version/s: 6.3.0

Type: Story Priority: Neutral
Reporter: Laura Delnevo Assignee: Sang Ngo Huu
Resolution: Fixed Votes: 0
Labels: dx-core-6.3, searchx
Remaining Estimate: 0d
Time Spent: 0.5h
Original Estimate: Not Specified

Attachments: JPEG File Level 1.jpg     JPEG File Level 2.jpg     JPEG File Level 3.jpg     PNG File Pages-table-rows components.png     PNG File Table-header components.png    
Issue Links:
Cloners
is cloned by MGNLDAM-1263 Styling of Assets app tree view table... Closed
is cloned by MGNLUI-8649 Styling of app tree view table updates Closed
dependency
depends upon MGNLDAM-1318 As an author, I can see paths of list... Closed
depends upon PAGES-1529 As an author, I can see paths of list... Closed
depends upon MGNLUI-8347 [VALIDATION] As app developer, remove... Open
depends upon MGNLUI-8649 Styling of app tree view table updates Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[X]  Architecture Decision Record (ADR)
Documentation update required:
Yes
Epic Link: SearchX 1. In-App search & Top Nav
Team: AuthorX
Work Started:
Approved:
Yes

 Description   

As an author, I want to be able to easily identify content within the Tree view mode, so that I can find my relevant content faster.

 

Pages app tree view table updates

  • Table header UI updates (check dev mode on Figma for styling details)
    • The header is now white instead of grey
    • The option to filter got removed
    • The text styling changed
    • Enabled 'Select all' (only selects what is rendered on the screen)
    • The 'Indeterminate' checkbox state gets added
  • Table grid UI updates (check dev mode on Figma for styling details)
    • The row height increased
    • The text styling changed
    • The 'Page' and 'Title information gets merged in the same column
      • The 'Title' becomes the hero information of each item in the pages app
      • The 'Page' information gets incorporated together with the page path (e.g.: /travel/about/careers/customer-experience-agent)
      • If the Title/Path info happens to be longer than the column, 'ellipses...' should be added at the end of the visible part of the content - the full information can be uncovered by expanding the column as it works currently
    • 'Modification date' column to read 'Last updated'
    • Remove 'Tags' column (from default)
    • Remove the icon before the Page title

 

Designs


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