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

336 metadata content animation #400

Merged
merged 3 commits into from
Oct 24, 2023
Merged

Conversation

Victor-AcostaCNC
Copy link
Collaborator

@Victor-AcostaCNC Victor-AcostaCNC commented Oct 19, 2023

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):

Fix #336

Test URLs:

To test this add a column with the key "animated" both on metadata and section metadata.
Values can be UP, LEFT, RIGHT, DOWN and NONE

To add animation on a general level:
image

To add animation on a section level:
image

@Victor-AcostaCNC Victor-AcostaCNC linked an issue Oct 19, 2023 that may be closed by this pull request
@aem-code-sync
Copy link

aem-code-sync bot commented Oct 19, 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 19, 2023

Page Scores Audits Google
/ PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

});
};

const observer = new IntersectionObserver(applyAnimation, { threshold: 0.3 });
Copy link
Collaborator

Choose a reason for hiding this comment

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

looking at the code I had an additional thought: if we overwrite the animation in a section don't we have to remove all those listeners?

});
};

const observer = new IntersectionObserver(applyAnimation, { threshold: 0.3 });
Copy link
Collaborator

Choose a reason for hiding this comment

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

@tomasznetcentric please have a look if all those listeners and observers are ok to use and the most efficient way to do it

Copy link
Collaborator

Choose a reason for hiding this comment

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

@nc-andreashaller The listeners and observers are fine so far. We could do just some improvements in terms of readability and organization. But its okay.

});
};

const observer = new IntersectionObserver(applyAnimation, { threshold: 0.3 });
Copy link
Collaborator

Choose a reason for hiding this comment

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

@nc-andreashaller The listeners and observers are fine so far. We could do just some improvements in terms of readability and organization. But its okay.

Copy link
Collaborator

@alexnerdrumhansen alexnerdrumhansen left a comment

Choose a reason for hiding this comment

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

Verified as fixed in QA.
Animations appear to work fine now.

@Victor-AcostaCNC Victor-AcostaCNC merged commit fad4872 into main Oct 24, 2023
2 checks passed
@Victor-AcostaCNC Victor-AcostaCNC deleted the 336-metadata-content-animation branch October 24, 2023 13:41
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.

Metadata content animation
4 participants