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

Feed and Card Block Changes #101

Merged
merged 8 commits into from
Oct 6, 2023
Merged

Feed and Card Block Changes #101

merged 8 commits into from
Oct 6, 2023

Conversation

jindaliiita
Copy link

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fixes #

Test URLs:

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

Hello, I'm the AEM Code Sync Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

Page Scores Audits Google
/healthy-thinking/6-things-you-didnt-know-about-your-oral-health Lighthouse returned error: ERRORED_DOCUMENT_REQUEST. Lighthouse was unable to reliably load the page you requested. Make sure you are testing the correct URL and that the server is properly responding to all requests. (Status code: 404) PSI

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 1 visual difference detected

  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

Copy link

@dnbute dnbute left a comment

Choose a reason for hiding this comment

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

Screenshot 2023-10-05 at 11 53 17
Seems the year is not properly displayed

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 1 visual difference detected

  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3575px. 199202 pixels (ratio 0.05 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3575px. 199202 pixels (ratio 0.05 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

blocks/cards/cards.css Outdated Show resolved Hide resolved
blocks/cards/cards.css Outdated Show resolved Hide resolved
blocks/cards/cards.css Outdated Show resolved Hide resolved
@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3575px. 199314 pixels (ratio 0.05 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3575px. 199314 pixels (ratio 0.05 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

blocks/cards/cards.css Show resolved Hide resolved
blocks/cards/cards.css Show resolved Hide resolved
blocks/cards/cards.css Show resolved Hide resolved
@@ -716,6 +716,10 @@ main .section.light-blue {
background-color: var(--transparent-blue-light-color);
}

main .section.no-padding .section-container {
padding: 0;
Copy link

Choose a reason for hiding this comment

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

Is this needed? I think all section-containers must have same styling unless there's a special case to handle.

Copy link
Author

Choose a reason for hiding this comment

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

Needed for tablet view (cards block)

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 5, 2023

@github-actions
Copy link

github-actions bot commented Oct 5, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3588px. 296658 pixels (ratio 0.07 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59743 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Oct 6, 2023

@github-actions
Copy link

github-actions bot commented Oct 6, 2023

🔸 2 visual differences detected

  • /healthy-thinking/6-things-you-didnt-know-about-your-oral-health (main vs branch)
    Expected an image 1280px by 3623px, received 1280px by 3588px. 297610 pixels (ratio 0.07 of all image pixels) are different.
  • /sidekick/blocks/cards (main vs branch)
    Expected an image 1280px by 1101px, received 1280px by 1155px. 59960 pixels (ratio 0.05 of all image pixels) are different.

The diff images are attached in the artifact

@sdmcraft
Copy link

sdmcraft commented Oct 6, 2023

Please add examples of the "related" in the block library

@jindaliiita jindaliiita merged commit 55de3a4 into main Oct 6, 2023
4 checks passed
@jindaliiita jindaliiita deleted the feed-changes branch October 6, 2023 08:50
@sdmcraft sdmcraft added this to the Milestone-4 milestone Oct 12, 2023
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