Skip to content
This repository was archived by the owner on Jun 26, 2018. It is now read-only.

Conversation

@isaacchansky
Copy link
Contributor

@isaacchansky isaacchansky commented May 17, 2018

Any PRs being created needs a changelog.txt file before being merged into dev. See: Change Log Instructions

Description

This PR adds a new 'contact row' organism to alleviate some issues with the contact list organism being used in certain new contexts.

Related Issue / Ticket

https://jira.state.ma.us/browse/DP-8993
https://jira.state.ma.us/browse/DP-8992
https://jira.state.ma.us/browse/DP-8969

Steps to Test

  1. View component is isolation http://localhost:3000/?p=organisms-contact-row

  2. and variations:

  3. Confirm that spacing and positioning issues from the following are not present:

  1. On the following pages:

Screenshots

Additional Notes:

Anything else to add?

Impacted Areas in Application

  • new organism 'contact-row'

{% set compHeading = contactRow.compHeading %}
{% include "@atoms/04-headings/comp-heading.twig" %}

{% if contactRow.image %}
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe a contactImage block around the if statement?

Copy link
Contributor

Choose a reason for hiding this comment

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

If the block and if are switched, I won't need to pass in an image: true to the component. I believe that would be better unless I am missing something ...

{% block contactImage %}
  {% if contactRow.image %}
   ...

{% endif %}

<div class="ma__contact-row__primary">
{% block primaryContactGroup %}
Copy link
Contributor

Choose a reason for hiding this comment

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

Primary contact is not required. Should you place an if around this and the wrapper? It might be good to have a variant without the primary contact group defined in the JSON to make it more clear that it is handled.


{% if contactRow.moreLink %}
{% block moreLink %}
<div class="ma__contact-row__more-info">
Copy link
Contributor

Choose a reason for hiding this comment

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

Can the block go inside the div so that I don't have to copy the wrapper to Drupal when implementing?

</div>
{% endif %}

{% if contactRow.moreLink %}
Copy link
Contributor

Choose a reason for hiding this comment

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

I want to check with Joe first, but I think this whole section might need to be inserted between lines 30 and 31.

@isaacchansky isaacchansky force-pushed the DP-8992-8993-8969-contact-row branch from 1e283f6 to ea6e445 Compare May 25, 2018 17:42
Copy link
Contributor

@clair0917 clair0917 left a comment

Choose a reason for hiding this comment

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

Other than Nathan's comment, this looks good to me

* dev: (21 commits)
  DP-6907  change default ordered list type styling in rich text fields (#849)
  DP-8574  jQuery update for Firefox sticky TOC bug (#822)
  DP-9010  update row order for board pages (#851)
  Update snapshot after merge conflict
  Changelog, snapshot update, and updated comment
  Update press release with image to responsive
  Move to versions of the image for srcset
  Updated the package.json version to 5.25.0
  Removed changelogs txt files for 5.25.0
  Added release notes for 5.25.0
  DP-9057: replace display initial for IE11 compatibility (#843)
  DP-8854: Adjust capitalization in Mass.gov service mark in footer (#846)
  DP-8854: Adjust site footer for use outside of Pattern Lab (#834)
  DP-8631 - Provides twig blocks to support overrides and template mapping of data. (#789)
  Update image to allow srcset and sizes
  DP-8949  subpatterns for general teaser (#837)
  Updated the package.json version to 5.24.0
  Removed changelog txt file for 5.24.0
  Added release notes for 5.24.0
  Contact us: Show more style with only 2 items
  ...
* dev:
  DP-8897: replace the incorrectly pushed backstop files
  DP-8897: updates to backstop files
  update package.json file
  rm old change notes
  update changelog file
  DP-8897: updates to mobile layout
  DP-8897: backstop files
  DP-8897: update some comments for better explinations
  DP-8897: Adds relationship indicator pattern with styles and functionality and adds to org MF page for review
@tnathanjames tnathanjames merged commit d87db62 into dev May 30, 2018
isaacchansky added a commit that referenced this pull request Jun 8, 2018
* dev: (22 commits)
  Updating reference screenshots
  Updating reference screenshots
  update the version for release-5.27.0 in package.json
  update release-notes.md for Release-5.27.0
  DP-8992: Add contact row organism (#841)
  DP-8897: replace the incorrectly pushed backstop files
  DP-8897: updates to backstop files
  update package.json file
  rm old change notes
  update changelog file
  DP-8897: updates to mobile layout
  DP-6907  change default ordered list type styling in rich text fields (#849)
  DP-8897: backstop files
  DP-8897: update some comments for better explinations
  DP-8897: Adds relationship indicator pattern with styles and functionality and adds to org MF page for review
  DP-8574  jQuery update for Firefox sticky TOC bug (#822)
  DP-9010  update row order for board pages (#851)
  Update snapshot after merge conflict
  Changelog, snapshot update, and updated comment
  Update press release with image to responsive
  ...
@isaacchansky isaacchansky deleted the DP-8992-8993-8969-contact-row branch June 11, 2018 14:52
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants