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-150566 - 🆕 Editorial-Card block #2533

Merged
merged 63 commits into from
Jul 23, 2024
Merged

Conversation

ryanmparrish
Copy link
Contributor

@ryanmparrish ryanmparrish commented Jun 28, 2024

As an author in Milo, I want the ability to add an editorial card block to any Milo page.
This is a net new block and not related to the 'card, merch-card, or cass' authoring or styles.

These are designed to work w/ the ups section metadata styles for their grid layouts, though the intent is to be grid agnostic.

Note on cross-team collaboration: I have added a new file 'iconography.css'. This is conditionally loaded if a block content needs lockup styles. (.avatar to be added in different PR)

Figma design
Screen Shot 2024-06-04 at 2 29 17 PM

Frontend
Screen Shot 2024-06-28 at 2 14 54 PM

Document table model
Screen Shot 2024-06-27 at 1 06 34 PM

Resolves: MWPW-150566

Test URLs:
https://rparrish-editorial-card--milo--adobecom.hlx.page/drafts/rparrish/cards/editorial-cards


Design Requirements
https://www.figma.com/design/WSOUE5ISObLLA0Tff5LwM7/Brief%3A-Manual-Cards-5%2F24?node-id=2003-9165

Document
https://adobe.sharepoint.com/:w:/r/sites/adobecom/_layouts/15/Doc.aspx?sourcedoc=%7BD2753A55-82B2-4174-A941-A98D19C07BF2%7D&file=Editorial%20Cards.docx&action=default&mobileredirect=true

Related Task: MWPW-150566 ! Not a dependency !
Grid enhancements

  • Give tablet viewport some author-able options (`three-up-tablet')
  • allow centered-content when an item wraps on uneven stacking order.

Copy link
Contributor

@mokimo mokimo left a comment

Choose a reason for hiding this comment

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

Looking great, thanks for quickly embedding most of the feedback. Last small suggestion for ensuring the styles are loading reliably

@robert-bogos robert-bogos self-requested a review July 15, 2024 15:59
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 from my side 👍 Please see the comments from Okan regarding the styles loading

@aem-code-sync aem-code-sync bot temporarily deployed to rparrish/editorial-card July 15, 2024 16:06 Inactive
@ryanmparrish
Copy link
Contributor Author

ryanmparrish commented Jul 15, 2024

@mokimo @robert-bogos - Thanks for the feedback.
I have made the adjustments mentioned. Looking good on my side.

@aem-code-sync aem-code-sync bot temporarily deployed to rparrish/editorial-card July 15, 2024 17:11 Inactive
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.

After the last round of validations, no issues were found. Ready for Stage.

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 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/editorial-card/editorial-card.css Outdated Show resolved Hide resolved
@milo-pr-merge
Copy link
Contributor

milo-pr-merge bot commented Jul 16, 2024

Skipped 2533: MWPW-150566 - 🆕 Editorial-Card block due to file overlap. Merging will be attempted in the next batch

@NadiiaSokolova
Copy link

Removing Ready for Stage label due to Narcis' last comment

Copy link
Contributor

This PR is currently in the needs-verification state. Please assign a QA engineer to verify the changes.

@narcis-radu
Copy link
Contributor

@elan-tbx maybe you can check the comments

@elan-tbx elan-tbx requested a review from narcis-radu July 20, 2024 00:08
@elan-tbx
Copy link
Contributor

@narcis-radu ready for re-review when you get a chance!

@NadiiaSokolova
Copy link

No issues were found after the latest changes. Ready for Stage.

@milo-pr-merge milo-pr-merge bot merged commit 30e0b8b into stage Jul 23, 2024
16 checks passed
@milo-pr-merge milo-pr-merge bot deleted the rparrish/editorial-card branch July 23, 2024 09:15
@milo-pr-merge milo-pr-merge bot mentioned this pull request Jul 23, 2024
rohitsahu pushed a commit to rohitsahu/milo that referenced this pull request Jul 26, 2024
* stage:
  MWPW-154998 [MEP][MILO] Manifests do not execute in the right order when there is a disabled manifest (adobecom#2632)
  mwpw-154965: Fetch federal stage content from hlx.page instead of stage.adobe.com (adobecom#2618)
  Correct error messages for duplicate files on the stage to main workflow (adobecom#2621)
  MWPW-153245 [merch][analytics] dispatch wcomp events, and let default lh (adobecom#2610)
  Revert "MWPW-146528[MILO][MEP][ANALYTICS] Add attribute to content changed by Target for analytics and MWPW-152274" (adobecom#2627)
  MWPW-128600 Locale Tool: Langstore points to langstore/en (adobecom#2615)
  Fix for errors in dynamically loaded scripts in test cases (adobecom#2619)
  MWPW-146528[MILO][MEP][ANALYTICS] Add attribute to content changed by Target for analytics and MWPW-152274 (adobecom#2593)
  Bootstrapper script for milo feds blocks (adobecom#2560)
  Revert "[MWPW-152968] mWeb - Passing ECID to Branch.io banner - Implementation" (adobecom#2612)
  MWPW-146743 Improve Article Header Performance (adobecom#2577)
  MWPW-153808: fix duplicate tax label (adobecom#2614)
  MWPW-154026: Long CTAs fall in the second line in merch card footer (adobecom#2565)
  Revert "[MWPW-154795] Style Feds Global-footer region picker drop-up variant (without hash)" (adobecom#2611)
  [AUTOMATED-PR] Update imslib.min.js dependency (adobecom#2605)
  [MWPW-154795] Style Feds Global-footer region picker drop-up variant (without hash) (adobecom#2599)
  MWPW-143053 [MEP] Request for New Personalization Tag - CC Paid (adobecom#2604)
  [MWPW-152674] [Gray Box] Desktop gnav not hidden when device view is open (adobecom#2597)
  MWPW-150566 - 🆕 Editorial-Card block (adobecom#2533)

# Conflicts:
#	libs/deps/merch-card.js
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 new-feature New block or other feature Ready for Stage
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants