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

SHS-5683: Blockquote implementation #1575

Merged
merged 7 commits into from
Jul 13, 2024

Conversation

mariannuar
Copy link
Collaborator

@mariannuar mariannuar commented Jul 9, 2024

READY FOR REVIEW

Summary

Update blockquotes in wysiwygs

Need Review By (Date)

07/12

Urgency

medium

Steps to Test

  1. On Colorful and Traditional
  2. Create a Flexible Page
  3. Add a Text Area component and add a Blockquote
  4. Check it does look according to what's in Option A in Figma
  5. Add a Testimonial component too to confirm it still look the same
  6. Please test in all the color variants in both themes
  7. Also check the blockquote block in footer (normal and dark) looks good
  8. Add blockquotes in the following pages to confirm they look good:
  1. Check VRT https://percy.io/da667d23/suhumsci/builds/35211009 for more testing

PR Checklist


@mariannuar mariannuar requested a review from cienvaras July 9, 2024 22:22
@mariannuar mariannuar self-assigned this Jul 9, 2024
Copy link
Collaborator

@cienvaras cienvaras left a comment

Choose a reason for hiding this comment

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

@mariannuar Looks great overall. Just some minor fixes needed, let me know if you have any questions. Please notice I updated the branch with the latest code in fk-stndfd-sprint-54.

@mariannuar mariannuar requested a review from cienvaras July 12, 2024 04:48
@mariannuar
Copy link
Collaborator Author

@cienvaras Thank you! This is ready for review again 🙂

Copy link
Collaborator

@cienvaras cienvaras left a comment

Choose a reason for hiding this comment

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

@mariannuar Thanks for the changes, everything look better now, specially the quote icons.

I added some extra changes:

  • Moved some of the overrides to the testimonial component styles, to prevent doing extra overrides in the mixin. This reduces the code size a bit and prevents overriding some basic styles for all the blockquotes.
  • Removed the &:not(.hb-testimonial__quote) styles from import.scss and added back the !important. While your solution works, it adds an extra class to the CKEditor styles that's not relevant here. If the class changes in the future or if we need to override a new class, then we would need to do extra changes here. We need to ensure that all blockquotes in CKEditor have the same styles, and !important is the best approach for that in this case. At least you were able to remove the font related styles because they were not needed anymore.

Let me know if you have any question about my changes!

@cienvaras cienvaras merged commit f7263ba into fk-stnfd-sprint-54 Jul 13, 2024
12 of 15 checks passed
@cienvaras cienvaras deleted the shs-5683-blockquote-implementation branch July 13, 2024 00:00
joegl pushed a commit that referenced this pull request Jul 15, 2024
* feat(shs-5663): make editoria11y work as expected (#1570)
* feat(shs-5671): add bigger preview images in the editing experience (#1573)
* Remove legacy themes modules (#1562)
* feat(shs-5631): uninstall legacy themes and remove related configuration
* chore(shs-5631): update documentation to remove references to legacy themes
* feat: remove legacy themes files
* feat: remove hs_mathematics module
* SHS-5683: Blockquote implementation (#1575)
* feat(shs-5683): blockquote implementation
* feat(shs-5683): blockquote implementation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants