Closed owilliams320 closed 1 month ago
Adjustment to expand/collapse nav item when its sub nav is active. Consumer will have to apply this styling and use hasActivatedChild property on the nav item when it's subnav item is activated.
hasActivatedChild
[hasActivatedChild] { --cv-list-item-background-color: var(--cv-theme-primary-24); --cv-theme-on-surface: var(--cv-theme-primary); } cv-app-shell[open] cv-nav-list-item[hasActivatedChild]:not([subNav]) { --cv-list-item-background-color:var(--cv-theme-on-surface-variant-8); --cv-theme-on-surface: var(--cv-theme-on-surface-variant); --cv-list-item-text-color: var(--cv-theme-on-surface-variant); }
--cv-list-item-background-color
--cv-list-item-text-color
npm run storybook
npm run start
npm run lint
npm run stylelint
npm test
npm run build
![Uploading Screenshot 2024-07-29 at 9.21.21 AM.png…]()
:tada: This PR is included in version 8.16.1 :tada:
The release is available on:
v8.16.1
Your semantic-release bot :package::rocket:
Description
Adjustment to expand/collapse nav item when its sub nav is active. Consumer will have to apply this styling and use
hasActivatedChild
property on the nav item when it's subnav item is activated.What's included?
--cv-list-item-background-color
and--cv-list-item-text-color
to nav list item componentTest Steps
npm run storybook
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
![Uploading Screenshot 2024-07-29 at 9.21.21 AM.png…]()