CHEMH-83 | @jdwjdwjdw | Structure and style News node page

[jdwjdwjdw]

READY FOR REVIEW

Summary

• See News node page in figma
• CHEMH-83: Style News Node
  • wasn't able to match designs completely due to drupal/subtheme limitations, but got as close as I could.
• CHEMH-242: Weird treatment on load more button post Layout Paragraphs

Review By (Date)

• When convenient

Urgency

• Normal

Review Tasks

Setup tasks and/or behavior to test

1. Check out this branch
2. Create an example News item, and navigate to the News node page
3. Confirm that the news node page matches figma (outside of limitations with field order/display)
4. Confirm that the See All News button at the bottom of the news node page looks correct and fixes the issue mentioned in CHEMH-242
5. Review code 📰

Associated Issues and/or People

• CHEMH-83: Style News Node
• CHEMH-242: Weird treatment on load more button post Layout Paragraphs

[jenbreese]

There's a lot of extra space after the more news cards for both the responsive and desktop sizes.

[jdwjdwjdw]

There's a lot of extra space after the more news cards for both the responsive and desktop sizes.

Thanks @jenbreese! I fixed that up and addressed some other spacing issues in situations where there isn't a dek / a top banner is/isn't used. Should be good to re-review now.

[jenbreese]

@jdwjdwjdw I'm don't think you need to have the -webkit prefixes.

[jdwjdwjdw]

Updated!

[jenbreese]

@jdwjdwjdw Can we discuss these media queries? When I'm looking at the results in the browser, only the one on line 138 is in effect, all the later ones are overridden.