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

fix: [M3-8303] - Remove Paper border in dark theme #10638

Merged
merged 3 commits into from
Jul 2, 2024

Conversation

abailly-akamai
Copy link
Contributor

@abailly-akamai abailly-akamai commented Jul 2, 2024

Description 📝

A regression was introduced in the tokens update that added a border to the paper. Was looking kinda nice and matching CDS (which i assume was the intent, added border in may unwanted places where a Paper is sitting in another container. The short resolution is to remove the border all together (which matches the light theme) and revisit as needed when the time comes. Since the paper has a background, there is still enough discerning between the Paper and the page.

ℹ️ This is a regression from the theme update, therefore not in production (no need for a changeset)

Changes 🔄

  • Remove Paper border in dark mode

Target release date 🗓️

7/8 2024

Preview 📷

Before After
Linodes screenshot (3) Linodes screenshot (2)

How to test 🧪

Paths to test (Dark Mode Only)

  • Linode > Resize
  • /kubernetes/create
  • /databases/create
  • /databases/{id}/resize
  • Kube Details > Add a Node Pool
  • Linode > Migrate
  • Linode > Rescue

(see other screenshots added by @mjac0bs in the comments)

Reproduction steps

  • See extra border around PlansPanel

Verification steps

  • Verify removal of border
  • Confirm Light Theme is unaffected

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

@abailly-akamai abailly-akamai self-assigned this Jul 2, 2024
@abailly-akamai abailly-akamai changed the title fix: [M3-8303] - PlanPanel extra border in dark theme fix: [M3-8303] - PlansPanel extra border in dark theme Jul 2, 2024
@abailly-akamai abailly-akamai marked this pull request as ready for review July 2, 2024 17:53
@abailly-akamai abailly-akamai requested a review from a team as a code owner July 2, 2024 17:53
@abailly-akamai abailly-akamai requested review from jdamore-linode and cpathipa and removed request for a team July 2, 2024 17:53
@mjac0bs mjac0bs self-requested a review July 2, 2024 18:17
Copy link
Contributor

@mjac0bs mjac0bs left a comment

Choose a reason for hiding this comment

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

The places that you called out in the PR looked good in both dark and light modes.

I found one more place that the plans table is showing a border, and a handful of places this is happening in other components with papers.

Kube Details > Add a Node Pool
Screenshot 2024-07-02 at 11 40 47 AM

Linode Migrate
Screenshot 2024-07-02 at 11 37 37 AM

Rescue Linode
Screenshot 2024-07-02 at 11 25 03 AM

Rebuild Linode
Screenshot 2024-07-02 at 11 24 11 AM

Linode Details > Storage > select an existing disk or add one > Clone:
Screenshot 2024-07-02 at 11 34 49 AM

@abailly-akamai
Copy link
Contributor Author

@mjac0bs ouch thanks for point this out. This isn't the right fix then. Going to revise this

@abailly-akamai abailly-akamai changed the title fix: [M3-8303] - PlansPanel extra border in dark theme fix: [M3-8303] - Remove Paper border in dark theme Jul 2, 2024
@abailly-akamai
Copy link
Contributor Author

abailly-akamai commented Jul 2, 2024

@mjac0bs alright!

  • PR updated
  • Description updated
  • Testing steps updated

Not as nice without the borders, but the amount of regressions this introduced is enough to justify revisiting at a later point - CC @jaalah-akamai

@mjac0bs mjac0bs added the Add'tl Approval Needed Waiting on another approval! label Jul 2, 2024
Copy link

github-actions bot commented Jul 2, 2024

Coverage Report:
Base Coverage: 82.18%
Current Coverage: 82.18%

@abailly-akamai abailly-akamai merged commit 95ef99f into linode:develop Jul 2, 2024
19 checks passed
nikhagra-akamai pushed a commit to nikhagra-akamai/manager that referenced this pull request Jul 3, 2024
* Allow passing SX on PlanPanel

* missed db resize

* revert initial changes and remove paper border in dark mode
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Add'tl Approval Needed Waiting on another approval!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants