DP-12682/DP-12682 How to page template mapping (#485)

massgov · Mar 19, 2019 · 2740162 · 2740162
1 parent f82ddaa
commit 2740162
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 36 deletions.
diff --git a/assets/scss/03-organisms/_tabular-data.scss b/assets/scss/03-organisms/_tabular-data.scss
@@ -4,6 +4,7 @@
   .post-content > &,
   .main-content--full .page-content > & {
     @include ma-container();
+    margin-top: 0px;
   }
 
   .ma__rich-text {

diff --git a/changelogs/DP-12682.txt b/changelogs/DP-12682.txt
@@ -0,0 +1,14 @@
+Changed
+Minor
+
+- (Patternlab) DP-12682: Changes to the details.twig to use the class `sidebar sidebar--colored` in sidebar.
+
+Removed
+Minor
+
+- (Patternlab) DP-12682: Removed the social media links on the Howto page.
+
+Added
+Minor
+
+- (Patternlab) DP-12682: Added a block to the tabular-data.twig for template mapping.
diff --git a/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png
diff --git a/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png
diff --git a/patternlab/styleguide/source/_patterns/03-organisms/by-author/tabular-data.twig b/patternlab/styleguide/source/_patterns/03-organisms/by-author/tabular-data.twig
@@ -7,10 +7,12 @@
     {% set sidebarHeading = tabularData.sidebarHeading %}
     {% include "@atoms/04-headings/sidebar-heading.twig" %}
   {% endif %}
-  {% if tabularData.description %}
-    {% set richText = tabularData.description %}
-    {% include "@organisms/by-author/rich-text.twig" %}
-  {% endif %}
-  {% set table = tabularData.table %}
-  {% include "@atoms/10-table/table.twig" %}
+  {% block tabularData %}
+    {% if tabularData.description %}
+      {% set richText = tabularData.description %}
+      {% include "@organisms/by-author/rich-text.twig" %}
+    {% endif %}
+    {% set table = tabularData.table %}
+    {% include "@atoms/10-table/table.twig" %}
+  {% endblock %}
 </section>
diff --git a/patternlab/styleguide/source/_patterns/04-templates/01-content-types/details.twig b/patternlab/styleguide/source/_patterns/04-templates/01-content-types/details.twig
@@ -36,7 +36,7 @@
       </div>
     </div>
 
-    <aside class="sidebar {{ sidebar.coloredHeadings ? 'sidebar--colored' : '' }}">
+    <aside class="sidebar sidebar--colored">
       {% if sidebar.contactList %}
         {% set contactList = sidebar.contactList %}
         {% include "@organisms/by-author/contact-list.twig" %}
@@ -61,4 +61,3 @@
 
 {# site footer #}
 {% block footer %}{% endblock %}
-
diff --git a/patternlab/styleguide/source/_patterns/05-pages/howto.json b/patternlab/styleguide/source/_patterns/05-pages/howto.json
@@ -61,29 +61,6 @@
     "divider": false,
     "title": "Apply for unemployment benefits",
     "subTitle": "Have you lost your job?  You may qualify for temporary income to support you while you look for a new one.",
-    "socialLinks": {
-      "label": "Share:",
-      "items": [
-        {
-          "altText": "Follow us on Facebook",
-          "href": "#",
-          "icon": "facebook",
-          "linkType": "facebook"
-        },
-        {
-          "altText": "Follow us on Twitter",
-          "href": "#",
-          "icon": "twitter",
-          "linkType": "twitter"
-        },
-        {
-          "altText": "Follow us on LinkedIn",
-          "href": "#",
-          "icon": "linkedin",
-          "linkType": "linkedin"
-        }
-      ]
-    },
     "optionalContents": [
       {
         "path": "@organisms/by-author/callout-time.twig",
@@ -136,12 +113,12 @@
       },
       {
         "href": "next-steps",
-        "text": "Next Steps",
+        "text": "Next steps",
         "info": ""
       },
       {
         "href": "more-info",
-        "text": "More Info",
+        "text": "More info",
         "info": ""
       },
       {
@@ -330,7 +307,7 @@
     },
     "stepsUnordered": {
       "compHeading": {
-        "title": "How To Apply",
+        "title": "How to apply",
         "level": 3,
         "color": "",
         "id": "how-to-apply",
@@ -412,7 +389,7 @@
     },
     "stepsOrdered": {
       "compHeading": {
-        "title": "Next Steps",
+        "title": "Next steps",
         "titleContext": "to Apply for unemployment benefits",
         "level": 3,
         "color": "",
@@ -880,4 +857,4 @@
       ]
     }
   }
-}
+}