Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sidebar Navigation #19296

Merged
merged 44 commits into from
May 3, 2023
Merged

Sidebar Navigation #19296

merged 44 commits into from
May 3, 2023

Conversation

zofskeez
Copy link
Contributor

@zofskeez zofskeez commented Feb 22, 2023

Adds new sidebar navigation to the UI and removes top nav bar.

image

* adds hds dependency

* updates reset import path

* sets minifyCSS advanced option to false
@zofskeez zofskeez added this to the 1.14 milestone Feb 22, 2023
* removes node-sass and fixes sass compilation

* fixes active tab li class
* links ember-shared-components addon and imports styles

* adds sidebar frame and nav components

* updates HcNav component name to HcAppFrame and adds sidebar UserMenu component

* adds tests for sidebar components

* fixes tests

* updates user menu styling

* fixes typos in nav cluster component

* changes padding value in sidebar stylesheet to use variable
* links ember-shared-components addon and imports styles

* adds sidebar frame and nav components

* updates activeCluster on auth service and adds activeSession prop for sidebar visibility

* replaces old nav components with new ones in templates

* fixes sidebar visibility issue and updates user menu label class

* removes NavHeader usage

* adds clients index route to redirect to dashboard
* removes nav-header components

* removes navbar styling

* removes status-menu component and styles

* removes cluster and auth info components

* removes menu-sidebar component and styling

* fixes tests
* updates console panel styling

* adds test for opening and closing the console panel

* updates console panel background color to use hds token

* adds right margin to console panel input

* updates link-status banner styling
* updates namespace-picker

* updates namespace picker menu styling

* adds bottom margin to env banner

* updates class order on namespace picker link

* restores manage namespaces refresh icon

* removes manage namespaces nav icon
* adds vault logo to auth page

* updates top level error template
* updates nav components to hds

* upgrades project yarn version to 3.5

* fixes issues in app frame component

* updates sidenav actions to use icon button component
* adds sidebar navigation acceptance tests and fixes other test failures

* console panel styling tweaks
@zofskeez zofskeez marked this pull request as ready for review April 27, 2023 19:44
Copy link
Contributor

@Monkeychip Monkeychip left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work on this!

@cd ui && yarn --ignore-optional
@cd ui && yarn
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ignore-optional is no longer supported in yarn 3

yarn --verbose run build
yarn run build
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

verbose is also no longer supported

Comment on lines -42 to -47
- [lint-staged\*](https://www.npmjs.com/package/lint-staged)

\* lint-staged is an optional dependency - running `yarn` will install it.
If don't want optional dependencies installed you can run `yarn --ignore-optional`. If you've ignored the optional deps
previously and want to install them, you have to tell yarn to refetch all deps by
running `yarn --force`.
Copy link
Contributor Author

@zofskeez zofskeez May 1, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since this is no longer relevant I decided to remove it entirely but I'm open to replacing it with something different. I'm not sure if it's worth pointing out that it's not required for the build or not?

https://yarnpkg.com/configuration/manifest#optionalDependencies

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if we should remove the optional dependencies and move them to devDeps (or maybe remove completely? Looks like at least one might have been leftover from when we had storybook).

I'd like to avoid bloating the size of the UI assets with this change, if we can!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree it doesn't seem relevant for us to use the optionalDependencies field anymore. It doesn't look like we use babel-loader and core shouldn't be necessary since we have ember-cli-babel so I will remove those and move lint-staged over to devDependencies.

Copy link
Contributor

@hashishaw hashishaw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Played with the branch locally and it looks fabulous! Great work, so excited to roll this out 🎉

@zofskeez zofskeez merged commit 9d8ba3a into main May 3, 2023
@zofskeez zofskeez deleted the ui/VAULT-12799/sidebar-navigation branch May 3, 2023 01:36
@hellobontempo hellobontempo mentioned this pull request Jun 26, 2024
6 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants