-
Notifications
You must be signed in to change notification settings - Fork 1
feat: Blockquote #43
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
feat: Blockquote #43
Conversation
|
Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
|
blocks/quote/quote.js
Outdated
| @@ -1,20 +1,30 @@ | |||
| export default async function decorate(block) { | |||
| const [quotation, attribution] = [...block.children].map((c) => c.firstElementChild); | |||
| const [quotation, attribution, attributionUrl] = [...block.children].map((child) => child.firstElementChild); | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could we go another step further and remove the nested divs such that the final output of this block is:
<blockquote>
<p class="quote__quotation">...</p>
<p class="quote__attribution">
<cite>...</cite>
</p>
</blockquote>I moved around the structure a bit there - we can nest a <cite> within a <p> tag, but not the other way around. Let's also update the CSS class names to BEM-style naming.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great call
blocks/quote/quote.css
Outdated
| } | ||
| margin-block-start: 0.5rem; | ||
|
|
||
| & p { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think this utility class existed when you wrote this, but for the attribution text, we can give it the .util-detail-s class in quote.js!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Perfect!
66bfd0e to
17fef7d
Compare
arnest00
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
Summary of changes
base.css*Jelly providing additional designs for attribution
Relevant Links
Test URLs:
Checklist
Validation