VF Breadrumb update as per Intranet implementation

bhushan-ebi commented 6 months ago

VF Breadcrumb component needs to be reviewed and changes need to be made as per the recent implementation in Intranet Possible changes :

Edit ---------------------------------------------------------------------------------(Follow up tasks added)

Sequel to the discussion we had on Monday 15h April, Follow up tasks have been added for the breadcrumb updates

Adedoyinebi commented 4 months ago

Useful links:

Task

Adedoyinebi commented 3 months ago

From the review of the breadcrumbs design during the Intranet project. The following changes should be made to improve the Vf-breadcrumbs

Component changes:

Improve the target area for the breadcrumb
- Increase the spacing after the “>” symbol from 4px to 8px to avoid overlap of touch target areas for small words in the breadcrumb
- On mobile where a larger touch are is required 8px padding should be added above and below the breadcrumb to achieve a height of 44px which is recommended for mobile devices.
Shorten breadcrumb trail on mobile to show only the parent page in the site architecture (Design of the breadcrumb trail showing the previous page)

Documentation updates

Guidelines should be updated to showing the full navigation path on desktop ✔(This has been done)
Usage guidelines for the responsive variant should be added

Design links for reference - Intranet project

Next steps

bhushan-ebi commented 2 months ago

visual-framework / vf-core