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

11177 donate help page notice #11197

Merged

Conversation

danielfmiranda
Copy link
Collaborator

@danielfmiranda danielfmiranda commented Sep 29, 2023

Description

Link to sample test page: https://donate-foundation-s-11177-dona-fjocje.mofostaging.net/en/help/
Related PRs/issues: #11177

This PR introduces "delayed response notice" at the top of the donate help page by adding the following to the code base:

  • A new html template for the delayed response notice section
  • A new boolean field for the DonateHelpPage titled show_notice. The delayed response notice will render based on whether or not this field is checked.
  • Migrations needed for the new page field

Screenshots

show_notice is checked:
Screenshot 2023-09-29 at 15-56-47 Donate Help

show_notice is unchecked:
Screenshot 2023-09-29 at 15-57-10 Donate Help

Steps to test

  1. Visit the test page here
  2. Note that the delayed response notice is being rendered
  3. Log into [the CMS ](https://foundation-s-11177-dona-fjocje.herokuapp.com, edit the page, and unselect the checkbox for show_notice
  4. Visit the page again, and note that the notice is no longer being rendered.
  5. If everything else is looking as expected, testing is complete!

@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje September 29, 2023 23:05 Inactive
Copy link
Contributor

@jhonatan-lopes jhonatan-lopes left a comment

Choose a reason for hiding this comment

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

Looking good, thanks @danielfmiranda! I just have a question regarding rendering the body field

@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 3, 2023 01:40 Inactive
@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 3, 2023 01:52 Inactive
Copy link

@tessheinricks tessheinricks left a comment

Choose a reason for hiding this comment

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

Hi Daniel, great work!

It's looking great! I have a few additional recommendations if you have the time to execute them. However, they are detailed and I understand if they are out of scope!

For tablet (after the break point of 768) I recommend pushing the icon above into the stacked position like on mobile. As with mobile, I also recommend left aligning the icon to be more cohesive with the page structure. This will also allow you to balance the icons size as it currently seems small in comparison to the copy content.

Current with change recommendations:
Tablet
Mockup of changes:
Tablet_Improved

For mobile, the icon size can be reduced and the icon can be shifted to left-aligned to be more cohesive with the rest of the page rules / structure.

Current with change recommendations:
Mobile
Mockup of changes:
Mobile_Improved

@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 3, 2023 16:41 Inactive
Copy link
Contributor

@jhonatan-lopes jhonatan-lopes left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 3, 2023 23:24 Inactive
@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 3, 2023 23:31 Inactive
@danielfmiranda
Copy link
Collaborator Author

Hi @tessheinricks! Thanks very much for the feedback. I have updated the template accordingly, and the page is available for QA testing here: https://donate-foundation-s-11177-dona-fjocje.mofostaging.net/en/help/

Can you please take another look whenever you have a free moment and let me know what you think?

Thanks in advance! 🙌

Copy link

@tessheinricks tessheinricks left a comment

Choose a reason for hiding this comment

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

Looks great @danielfmiranda! Thank you

Copy link
Collaborator

@mmmavis mmmavis left a comment

Choose a reason for hiding this comment

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

Nice work @danielfmiranda ! I just have one question regarding the "donation" url we are including in the notice.

@danielfmiranda danielfmiranda temporarily deployed to foundation-s-11177-dona-fjocje October 4, 2023 23:17 Inactive
@danielfmiranda danielfmiranda requested a review from mmmavis October 4, 2023 23:35
Copy link
Collaborator

@mmmavis mmmavis left a comment

Choose a reason for hiding this comment

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

@danielfmiranda danielfmiranda merged commit 2e1f9ed into feature/donate-help-page Oct 5, 2023
8 checks passed
@danielfmiranda danielfmiranda deleted the 11177-donate-help-page-notice branch October 5, 2023 17:47
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.

4 participants