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

consent overlay - rearrange buttons and update spacing #4391

Merged
merged 16 commits into from
Nov 7, 2023

Conversation

Kelsey-Ethyca
Copy link
Contributor

@Kelsey-Ethyca Kelsey-Ethyca commented Nov 6, 2023

Closes https://ethyca.atlassian.net/browse/PROD-1320

Description Of Changes

This is to clean up some css regressions on the TCF and non-TCF banner and modal so they match the designs https://www.figma.com/file/dmEwdK3xZwjKfGVQ9t66xe/Fides-v.2-Master-Working-Files?node-id=11631%3A46848&mode=dev.

Code Changes

  • remove check of window.Fides.options.tcfEnabled and add isTCFprop to ConsentBannner component to avoid potential issues in future
  • reorder consent buttons to match designs/previous release
  • update css for overlays to match design font sizing, colors, spacing, etc.

Steps to Confirm

Pre-Merge Checklist

UAT

https://www.loom.com/share/7ced283342a5484aafacb9e73d5e310e?sid=92f842bd-9b0b-44e3-a9d9-5972826829c0

Copy link

vercel bot commented Nov 6, 2023

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

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
fides-plus-nightly ⬜️ Ignored (Inspect) Visit Preview Nov 7, 2023 9:23pm

@Kelsey-Ethyca Kelsey-Ethyca marked this pull request as ready for review November 6, 2023 05:28
@Kelsey-Ethyca Kelsey-Ethyca changed the title consent overlay - earrange buttons and update spacing consent overlay - rearrange buttons and update spacing Nov 6, 2023
Copy link

cypress bot commented Nov 6, 2023

Passing run #5092 ↗︎

0 4 0 0 Flakiness 0
⚠️ You've recorded test results over your free plan limit.
Upgrade your plan to view test results.

Details:

Merge 9ca7640 into cbaa398...
Project: fides Commit: 8dd5fd8ab9 ℹ️
Status: Passed Duration: 01:03 💡
Started: Nov 7, 2023 8:30 PM Ended: Nov 7, 2023 8:31 PM

Review all test suite changes for PR #4391 ↗︎

@Kelsey-Ethyca Kelsey-Ethyca marked this pull request as draft November 6, 2023 06:33
@Kelsey-Ethyca Kelsey-Ethyca marked this pull request as ready for review November 7, 2023 15:00
/* Responsive overlay */
@media (max-width: 48em) {
@media (max-width: 768px) {
Copy link
Contributor

Choose a reason for hiding this comment

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

I'd prefer to keep this as em—I took this from chakra

Comment on lines +56 to +59
--12px: 0.75rem;
--14px: 0.875rem;
--15px: 0.9375rem;
--16px: 1rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

@Kelsey-Ethyca Kelsey-Ethyca merged commit 7e23d55 into main Nov 7, 2023
10 of 11 checks passed
@Kelsey-Ethyca Kelsey-Ethyca deleted the kt-fix-fides-css branch November 7, 2023 21:21
Kelsey-Ethyca added a commit that referenced this pull request Nov 7, 2023
Co-authored-by: Allison King <allisonjuliaking@gmail.com>
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