[ADMINCTR-17] Apps layout redesign and improve the hover styles on favorite items Created: 27/Apr/22  Updated: 20/Jul/22  Resolved: 28/Apr/22

Status: Closed
Project: Admincentral
Component/s: None
Affects Version/s: None
Fix Version/s: 6.2.21

Type: Story Priority: Neutral
Reporter: Jesus Alonso Assignee: Thuy To
Resolution: Fixed Votes: 0
Labels: VN-Implementation, authx
Remaining Estimate: Not Specified
Time Spent: 2d 2.75h
Original Estimate: Not Specified

Attachments: PNG File Iteration-1-New-app-launcher-Iteration-app-switcher-white-bg-UXPin-Preview.png    
Issue Links:
Cloners
clones MGNLUI-7107 Apps layout redesign Closed
documentation
to be documented by ADMINCTR-12 DOC: Update screenshots for new app l... Closed
Template:
Acceptance criteria:
Empty
Release notes required:
Yes
Epic Link: App Launcher redesign
Sprint: AuthX 8
Story Points: 3

 Description   

It is required to update the layout to match our prototype -> https://preview.uxpin.com/a603cd19e8994cdbcc49616301fcc08682182602?_gl=1*1xxbz19*_gcl_aw*R0NMLjE2NDgyMDY5OTMuQ2owS0NRancwUFdSQmhES0FSSXNBUEtIRkdpWnNERnU1bVhXbUZNSUt2N1BNUUs4eTRnZTM4Qkl5eFdTZjJudHd3dmVjSDVIRm42dEJFa2FBckZERUFMd193Y0I.#/pages/148859274/simulate/sitemap?mode=i
Styles: * Remove grey border around popup, it's only white with a drop shadow

  • Hover over apps should be green, not grey, and the app icon should turn white
  • Size of the apps should be 80x80 px
  • Border color of apps should be #F2F2F2
  • Font of app name looks tiny, as per mockup it is Roboto Medium, 12px, character spacing 0.3 (can we fine tune together?)
  • A long app name should break to second line, that's why we need to move position of icon and name more to the top (can we test with a long app name?)

Development notes

 This mostly requires updating the dom in the elements (see https://git.magnolia-cms.com/projects/PLATFORM/repos/ui/commits/ec4397b1a2dbf644fcec89f2feae086512138e6d#magnolia-ui-vaadin-common-widgets/src/main/java/info/magnolia/ui/vaadin/gwt/client/applauncher/widget/VPermanentAppTileGroup.java) and some css


Generated at Sun Feb 11 23:03:13 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.