feat(app-shell): refresh app shell UX - Githubissues

Teradata / covalent

Teradata UI Platform built on Angular Material

https://teradata.github.io/covalent/

MIT License

2.23k stars 359 forks source link

feat(app-shell): refresh app shell UX #2102

Closed owilliams320 closed 5 months ago

owilliams320 commented 5 months ago

Description

Refreshing the app shell experience to support the new TD products branding

What's included?

CSS updates to appshell and scrolling
Moving the user-menu slot from the navigation section to above the main area
Help menu styling improvements
Styling adjustments to the breadcrumbs in markdown-navigator-component
Adding a contained property to app shell that wraps the main area in a card styling
Adding support for a dense property for textfield
Adding more support to use covalent-icon(s) attribute on the cv-icon component
Adding support for sticky mode for toolbar
Exporting missing secondary entry points for some packages

Test Steps

[ ] npm run storybook
[ ] then this open the app shell story
[ ] finally test out the new app shell improvements

General Tests for Every PR

[ ] npm run start still works.
[ ] npm run lint passes.
[ ] npm run stylelint passes.
[ ] npm test passes and code coverage is not lower.
[ ] npm run build still works.

Screenshots or link to StackBlitz/Plunker

Screenshot 2024-02-21 at 10 48 39 PM

Screenshot 2024-02-08 at 12 05 25 PM

owilliams320 commented 5 months ago

:tada: This PR is included in version 8.4.0 :tada:

The release is available on:

v8.4.0
GitHub release

Your semantic-release bot :package::rocket: