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

change: [M3-8343] - Change VPC expanded header background color #11366

Conversation

hasyed-akamai
Copy link
Contributor

Description 📝

This pull request updates the background color of the VPC expanded header for improved visual clarity and design consistency. The new color provides better contrast, ensuring the header is more distinguishable from surrounding elements.

Changes 🔄

  • Updated the background color of the VPC expanded header.
  • Ensured compatibility with existing theme and design guidelines.

Target release date 🗓️

N/A

Preview 📷

Before After
Before After
Before After

How to test 🧪

Prerequisites

  • Ensure you have a Linode with a VPC.

Reproduction steps

  • Go to the VPC details page.
  • Observe that the background color of the VPC expanded header has been updated.

Verification steps

  • Confirm that the new background color is applied as expected.

As an Author I have considered 🤔

Check all that apply

  • 👀 Doing a self review
  • ❔ Our contribution guidelines
  • 🤏 Splitting feature into small PRs
  • ➕ Adding a changeset
  • 🧪 Providing/Improving test coverage
  • 🔐 Removing all sensitive information from the code and PR description
  • 🚩 Using a feature flag to protect the release
  • 👣 Providing comprehensive reproduction steps
  • 📑 Providing or updating our documentation
  • 🕛 Scheduling a pair reviewing session
  • 📱 Providing mobile support
  • ♿ Providing accessibility support

@hasyed-akamai hasyed-akamai added the VPC Relating to VPC project label Dec 4, 2024
@hasyed-akamai hasyed-akamai self-assigned this Dec 4, 2024
Co-authored-by: Harsh Shankar Rao <hrao@akamai.com>
@linode-gh-bot
Copy link
Collaborator

Cloud Manager UI test results

🔺 1 failing test on test run #3 ↗︎

❌ Failing✅ Passing↪️ Skipped🕐 Duration
1 Failing463 Passing3 Skipped95m 27s

Details

Failing Tests
SpecTest
access-key.e2e.spec.tsobject storage access key end-to-end tests » "before all" hook for "can create an access key with unlimited access - e2e"

Troubleshooting

Use this command to re-run the failing tests:

yarn cy:run -s "cypress/e2e/core/objectStorage/access-key.e2e.spec.ts"

@hasyed-akamai hasyed-akamai added React Query Relating to the transition to use React Query Ready for Review and removed Work in Progress React Query Relating to the transition to use React Query labels Dec 10, 2024
@hasyed-akamai hasyed-akamai marked this pull request as ready for review December 10, 2024 06:57
@hasyed-akamai hasyed-akamai requested a review from a team as a code owner December 10, 2024 06:57
@hasyed-akamai hasyed-akamai requested review from hana-akamai and hkhalil-akamai and removed request for a team December 10, 2024 06:57
sx={(theme) => ({
'& .MuiTableCell-root': {
backgroundColor:
theme.name == 'light' ? theme.color.black : undefined,
Copy link
Contributor

Choose a reason for hiding this comment

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

Per the Figma mockup, the black should be #343438 instead of #232326

I also added a comment to the ticket to get some clarification on the focus and hover filterable table head colors since that was not mocked in the Figma

Figma This branch
image image

@jaalah-akamai
Copy link
Contributor

Closing - Let's move these changes over to our feature branch as discussed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Ready for Review VPC Relating to VPC project
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants