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

feat: update navbar UI per Figma #19926

Merged
merged 8 commits into from
Jan 28, 2022
Merged

feat: update navbar UI per Figma #19926

merged 8 commits into from
Jan 28, 2022

Conversation

ZachJW34
Copy link
Contributor

User facing changelog

Update navbar UI to match Figma mocks

Additional details

The testing type switcher has moved into the header and some colors have been tweaked

How has the user experience changed?

Screen.Recording.2022-01-26.at.4.51.54.PM.mov

PR Tasks

  • Have tests been added/updated?
  • [na] Has the original issue (or this PR, if no issue exists) been tagged with a release in ZenHub? (user-facing changes only)
  • [na] Has a PR for user-facing changes been opened in cypress-documentation?
  • [na] Have API changes been updated in the type definitions?
  • [na] Have new configuration options been added to the cypress.schema.json?

@cypress-bot
Copy link
Contributor

cypress-bot bot commented Jan 26, 2022

Thanks for taking the time to open a PR!

@@ -1,5 +1,5 @@
<template>
<div class="bg-white border-b border-b-gray-100 py-15px px-6">
Copy link
Contributor

Choose a reason for hiding this comment

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

This height should be dictated by the grid container right?

Copy link
Contributor Author

@ZachJW34 ZachJW34 Jan 27, 2022

Choose a reason for hiding this comment

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

Good catch, replaced with h-full. For context, I made this change since the navbar-header and app-header were not aligning (app-header wasn't growing to full 64px)

Edit: Reverted

elevatebart
elevatebart previously approved these changes Jan 26, 2022
Copy link
Contributor

@elevatebart elevatebart left a comment

Choose a reason for hiding this comment

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

I like this UI a lot

@cypress
Copy link

cypress bot commented Jan 27, 2022



Test summary

17933 0 216 0Flakiness 4


Run details

Project cypress
Status Passed
Commit dcbdd95
Started Jan 27, 2022 11:11 PM
Ended Jan 27, 2022 11:27 PM
Duration 16:38 💡
OS Linux Debian - 10.10
Browser Multiple

View run in Cypress Dashboard ➡️


Flakiness

commands/net_stubbing.cy.ts Flakiness
1 network stubbing > waiting and aliasing > can timeout waiting on a single request using "alias.request"
2 network stubbing > intercepting request > should delay the same amount on every response
cypress/proxy-logging.cy.ts Flakiness
1 Proxy Logging > request logging > xhr log has response body/status code
2 Proxy Logging > request logging > xhr log has response body/status code

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

elevatebart
elevatebart previously approved these changes Jan 27, 2022
Copy link
Contributor

@elevatebart elevatebart left a comment

Choose a reason for hiding this comment

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

I want this in fast !!!

@ZachJW34
Copy link
Contributor Author

@elevatebart reverted the h-full, it was causing issues in tests and I think it's fine that it is fixed at 64px, makes it consistent across wherever it's used (launchpad and app).

elevatebart
elevatebart previously approved these changes Jan 27, 2022
@ZachJW34 ZachJW34 merged commit cdd65e9 into 10.0-release Jan 28, 2022
@ZachJW34 ZachJW34 deleted the navbar-design-updates branch January 28, 2022 00:15
tgriesser added a commit that referenced this pull request Jan 31, 2022
* 10.0-release: (25 commits)
  fix(unify): improve dev server config ergonomics (#19957)
  feat: add spec pattern modal (#19801)
  fix: Windows e2e project scaffolding issues (#19938)
  feat: update @cypress/schematic to use proper e2e config for 10.0.0 (#19827)
  fix: correctly migrate projects with custom integration folder (#19929)
  fix: component spec creation with spec pattern (#19862)
  fix: missed committing yarn.lock after merge conflict
  fix: correct reference branch / commitSha in performance-reporter (#19941)
  feat: update navbar UI per Figma (#19926)
  fix: seed examples files when no e2e directory is created (#19768)
  chore: remove windy lightBlue warning
  test: component test updates (#19925)
  feat: Focus browser from select browser screen and on dashboard login (#19842)
  test: Honeycomb system-test reporter (#19855)
  fix(deps): update dependency engine.io to v5.2.1 [security]
  feat: Retain fileName when working with aliased fixtures and files (#19820)
  Update release-process.md
  Update release-process.md
  Update release-process.md
  Update release-process.md
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants