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 button visual issues #5386

Merged
merged 1 commit into from
Oct 16, 2024
Merged

Fix button visual issues #5386

merged 1 commit into from
Oct 16, 2024

Conversation

jpople
Copy link
Contributor

@jpople jpople commented Oct 16, 2024

Closes HJ-60

Description Of Changes

Fixes several visual issues introduced by Ant button migration.

Changes "default" button color from light gray to white:
Screenshot 2024-10-16 at 02 50 06
Screenshot 2024-10-16 at 02 52 21

Changes spacing between action buttons on privacy request manager page:
Screenshot 2024-10-16 at 02 50 26
Screenshot 2024-10-16 at 02 52 37

Adds space between buttons on integration detail view:
Screenshot 2024-10-16 at 02 51 03
Screenshot 2024-10-16 at 02 52 50

Fixes a bug where "upload a dataset YAML" button in add dataset view was in "ghost" state:
Screenshot 2024-10-16 at 02 51 55
Screenshot 2024-10-16 at 02 52 12

Tweaks colors on search input and clear button to differentiate more clearly:
Screenshot 2024-10-16 at 02 54 14
Screenshot 2024-10-16 at 02 54 32

Pre-Merge Checklist

  • All CI Pipelines Succeeded
  • Issue Requirements are Met
  • Relevant Follow-Up Issues Created
  • Update CHANGELOG.md

Copy link

vercel bot commented Oct 16, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
fides-plus-nightly ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 16, 2024 8:00am

@@ -28,7 +28,6 @@ const NewDataset: NextPage = () => {
<Box>
<Button
onClick={() => setGenerateMethod("yaml")}
ghost={generateMethod === "yaml"}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Prior to migrating, the button was in an "active"/pressed state while the YAML form was open on the page. Ant doesn't allow you to set the pressed state in props, but I'm not sure it's really necessary here anyway.

Copy link

cypress bot commented Oct 16, 2024

fides    Run #10461

Run Properties:  status check passed Passed #10461  •  git commit 88d86fbbb2 ℹ️: Merge 7380694fe01579e46104b1c0a25644bee5d66818 into e55d71f66ed37d3980ff370ca908...
Project fides
Run status status check passed Passed #10461
Run duration 00m 39s
Commit git commit 88d86fbbb2 ℹ️: Merge 7380694fe01579e46104b1c0a25644bee5d66818 into e55d71f66ed37d3980ff370ca908...
Committer jpople
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 4
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.

Comment on lines +39 to +41
<Button onClick={onClear} className="bg-[#f5f5f5] hover:!bg-[#d9d9d9]">
Clear
</Button>
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this going to be common for search inputs? Can this component be reused outside of d&d? Maybe move this to a more common directory for sharing across the board if that's the case.

@gilluminate
Copy link
Contributor

Overall looks good. Approved with one suggestion for future consideration.

@jpople jpople merged commit c050dd2 into main Oct 16, 2024
13 checks passed
@jpople jpople deleted the jpople/hj-60/button-fixes branch October 16, 2024 19:42
Copy link

cypress bot commented Oct 16, 2024

fides    Run #10482

Run Properties:  status check passed Passed #10482  •  git commit c050dd2ac5: Fix button visual issues (#5386)
Project fides
Run status status check passed Passed #10482
Run duration 00m 37s
Commit git commit c050dd2ac5: Fix button visual issues (#5386)
Committer jpople
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 4
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.

@Kelsey-Ethyca Kelsey-Ethyca mentioned this pull request Oct 16, 2024
14 tasks
Kelsey-Ethyca pushed a commit that referenced this pull request Oct 16, 2024
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