test code to untie decorative-link.twig from header-alert.twig

massgov · Apr 5, 2018 · f4c1c25 · f4c1c25
1 parent 0002f32
commit f4c1c25
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/styleguide/source/_patterns/03-organisms/by-template/header-alert.twig b/styleguide/source/_patterns/03-organisms/by-template/header-alert.twig
@@ -6,22 +6,27 @@
   {% set alertId = headerAlert.guid %}
 {% endif %}
 
-<section 
-  class="ma__header-alert js-header-alert" 
+<section
+  class="ma__header-alert js-header-alert"
   data-id="{{ alertId }}"
   role="alert">
   <div class="ma__header-alert__container">
     <span class="ma__header-alert__label">{{ alertPrefix }}</span>
     <span class="ma__header-alert__message">
       {% if headerAlert.href %}
-        {% set decorativeLink = headerAlert %}
-        {% include "@atoms/decorative-link.twig" %}
+{#         {% set decorativeLink = headerAlert %}
+        {% include "@atoms/decorative-link.twig" %} #}
+<span class="ma__decorative-link">
+  <a
+    href="{{headerAlert.href}}"
+    class="js-clickable-link">{{headerAlert.text}}&nbsp;{% include '@atoms/05-icons/svg-arrow.twig' %}</a>
+</span>
       {% else %}
         {{ headerAlert.text }}
       {% endif %}
     </span>
   </div>
-  <button 
-    class="ma__header-alert__hide js-header-alert-link" 
+  <button
+    class="ma__header-alert__hide js-header-alert-link"
     title="hide alert">+</button>
 </section>