Merge pull request #840 from City-of-Helsinki/UHF-9321

UHF-9321 Card tag style fix
City-of-Helsinki · Dec 4, 2023 · d9c1923 · d9c1923
2 parents 9035d22 + 9b28494
commit d9c1923
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 9 deletions.
diff --git a/dist/js/district-and-project-search.min.js b/dist/js/district-and-project-search.min.js
diff --git a/dist/js/job-search.min.js b/dist/js/job-search.min.js
diff --git a/dist/js/linkedevents.min.js b/dist/js/linkedevents.min.js
diff --git a/dist/js/news-archive.min.js b/dist/js/news-archive.min.js
diff --git a/dist/js/school-search.min.js b/dist/js/school-search.min.js
diff --git a/src/js/react/common/Tags.tsx b/src/js/react/common/Tags.tsx
@@ -11,7 +11,7 @@ export function Tags({ tags, isInteractive, langAttribute }: TagsProps): JSX.Ele
 
   return (
     <section
-      className="content-tags"
+      className="content-tags content-tags--card"
       aria-label={
         Drupal.t('Tags', {}, { context: 'Label for screen reader software users explaining that this is a list of tags related to this page.' })
       }>

diff --git a/templates/component/card.twig b/templates/component/card.twig
@@ -99,7 +99,7 @@
 
     {% if card_tags %}
       <div class="card__tags">
-        {% embed '@hdbt/misc/tag-list.twig' with { tags: card_tags, addSpan: true } %}
+        {% embed '@hdbt/misc/tag-list.twig' with { tags: card_tags, addSpan: true, tag_container_class: ' content-tags--card' } %}
         {% endembed %}
       </div>
     {% endif %}

diff --git a/templates/paragraphs/paragraph--news-list.html.twig b/templates/paragraphs/paragraph--news-list.html.twig
@@ -7,9 +7,9 @@
     }
   %}
     {% block component_tags %}
-      {% include "@hdbt/misc/news-tags.twig" with 
+      {% include "@hdbt/misc/news-tags.twig" with
         {
-          tag_container_class: 'component__tags',
+          tag_container_class: 'content-tags--card component__tags',
           tags: content.field_helfi_news_groups,
           neighbourhoods: content.field_helfi_news_tags,
           groups: content.field_helfi_news_neighbourhoods