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

MWPW-156135 - [editorial-card] bugs #2771

Merged
merged 11 commits into from
Sep 5, 2024
Merged

Conversation

ryanmparrish
Copy link
Contributor

@ryanmparrish ryanmparrish commented Aug 20, 2024

Fixed the following bugs

  1. In Editorial card, when image is added per breakpoint, it uses the same decorate bg function with rounded-corder.css where the image unintentionally gets targeted with the class .background causing a style naming collision. I am passing this className as a parameter now.
  2. When per-viewport bg images are used, they do not display
  3. Button and product lockup override work ONLY ATM
  4. Custom device support text should always be body-xxs
  5. A [text-block] background doesn't show when it's authored in a wrapping section that also has a background. *bonus

Resolves: MWPW-156135

Test URLs:
Before: https://main--milo--adobecom.hlx.page/drafts/rparrish/cards/editorial-cards-bugz?martech=off
After: https://rparrish-editorial-bugz--milo--adobecom.hlx.page/drafts/rparrish/cards/editorial-cards-bugz?martech=off

@ryanmparrish ryanmparrish added the needs-verification PR requires E2E testing by a reviewer label Aug 20, 2024
@ryanmparrish ryanmparrish requested a review from a team August 20, 2024 23:41
@ryanmparrish ryanmparrish requested a review from a team as a code owner August 20, 2024 23:41
Copy link
Contributor

aem-code-sync bot commented Aug 20, 2024

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

Copy link
Contributor

aem-code-sync bot commented Aug 20, 2024

Copy link

codecov bot commented Aug 20, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.91%. Comparing base (302e9be) to head (f597964).
Report is 65 commits behind head on stage.

Additional details and impacted files
@@            Coverage Diff             @@
##            stage    #2771      +/-   ##
==========================================
+ Coverage   95.89%   95.91%   +0.01%     
==========================================
  Files         173      173              
  Lines       45746    45844      +98     
==========================================
+ Hits        43870    43971     +101     
+ Misses       1876     1873       -3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@NadiiaSokolova NadiiaSokolova self-assigned this Aug 22, 2024
libs/blocks/editorial-card/editorial-card.css Outdated Show resolved Hide resolved
libs/blocks/editorial-card/editorial-card.css Outdated Show resolved Hide resolved
libs/blocks/editorial-card/editorial-card.css Outdated Show resolved Hide resolved
libs/blocks/text/text.css Outdated Show resolved Hide resolved
@ryanmparrish ryanmparrish requested review from Sartxi, elan-tbx and a team August 26, 2024 23:39
Copy link
Contributor

@robert-bogos robert-bogos left a comment

Choose a reason for hiding this comment

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

Looks good 👍

Copy link

@NadiiaSokolova NadiiaSokolova left a comment

Choose a reason for hiding this comment

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

Verified. Ready for Stage.
Testing details https://jira.corp.adobe.com/browse/MWPW-156135

@milo-pr-merge
Copy link
Contributor

milo-pr-merge bot commented Sep 4, 2024

Skipped 2771: "MWPW-156135 - [editorial-card] bugs" due to file "libs/styles/styles.css" overlap. Merging will be attempted in the next batch

/* Tablet up */
@media screen and (min-width: 600px) {
.editorial-card .vp-media .mobile-only,
.editorial-card .vp-media .desktop-only {
Copy link
Contributor

Choose a reason for hiding this comment

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

I like the consistency, but I think this line is not really needed, desktop-only is already hidden on mobile.
Screenshot 2024-09-04 at 21 03 34.

We can keep the code for consistency purposes however.

@milo-pr-merge milo-pr-merge bot merged commit e3ebbae into stage Sep 5, 2024
16 checks passed
@milo-pr-merge milo-pr-merge bot deleted the rparrish/editorial-bugz branch September 5, 2024 16:45
@milo-pr-merge milo-pr-merge bot mentioned this pull request Sep 5, 2024
elan-tbx pushed a commit that referenced this pull request Sep 9, 2024
* Fixed decBg func. was incorrectly removing bg row

* allow className in decorateBG and support vp-media on card row display. Fixes naming collision w background rounded corners. ;)

* remove device js set type classes and put direct in .display styles

* Fix text-block bg zIndex

* fh on bg vids

* no await, decorate

* Support 'open' and three rows authoring for flat doc examples.

* 3 rows default = media, copy, foot

* equal w/ 3 not 4

* Revert extra changes w/ row-order defatult for diff branch

* linting and no z-index needed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-verification PR requires E2E testing by a reviewer Ready for Stage
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants