Merge pull request #305 from devgeniem/TMS-495

TMS-495: Allow easier template override
devgeniem · Dec 20, 2021 · 88efc1f · 88efc1f
2 parents 62df7cf + 6bb59e4
commit 88efc1f
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 19 deletions.
diff --git a/assets/styles/themes/_theme-neutraali-overrides.scss b/assets/styles/themes/_theme-neutraali-overrides.scss
@@ -168,3 +168,11 @@ $pill-background-active-focus: bulmaDarken($primary, 2.5%);
         }
     }
 }
+
+.events {
+    &__item-inner {
+        .icon {
+            fill: $accent !important;
+        }
+    }
+}
diff --git a/partials/shared/footer-column.dust b/partials/shared/footer-column.dust
@@ -0,0 +1,19 @@
+<div class="column {column_class|s}">
+    {?column_title}
+        <h2 class="h4 mt-4 mb-4">
+            {column_title|s}
+        </h2>
+    {/column_title}
+
+    <ul class="is-unstyled {Footer.typography.column}">
+        {#link_column}
+            <li class="mb-2">
+                <a href="{link.url}" target="{link.target}"
+                   class="site-footer__link is-flex is-align-items-center {Footer.colors.link|s}">
+                    {>"ui/icon" icon="chevron-right" class="icon--small {Footer.colors.link_icon|s} mr-2" /}
+                    <span>{link.title|s}</span>
+                </a>
+            </li>
+        {/link_column}
+    </ul>
+</div>
diff --git a/partials/shared/footer-inner.dust b/partials/shared/footer-inner.dust
@@ -43,25 +43,7 @@
                 {/contact_info}
 
                 {#link_columns}
-                    <div class="column {column_class|s}">
-                        {?column_title}
-                            <h2 class="h4 mt-4 mb-4">
-                                {column_title|s}
-                            </h2>
-                        {/column_title}
-
-                        <ul class="is-unstyled {Footer.typography.column}">
-                            {#link_column}
-                                <li class="mb-2">
-                                    <a href="{link.url}" target="{link.target}"
-                                       class="site-footer__link is-flex is-align-items-center {Footer.colors.link|s}">
-                                        {>"ui/icon" icon="chevron-right" class="icon--small {Footer.colors.link_icon|s} mr-2" /}
-                                        <span>{link.title|s}</span>
-                                    </a>
-                                </li>
-                            {/link_column}
-                        </ul>
-                    </div>
+                    {>"shared/footer-column" /}
                 {/link_columns}
             </div>