Highlight collaboration posts

frontend-garden · Apr 22, 2024 · 7613b82 · 7613b82
1 parent ddb266f
commit 7613b82
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 3 deletions.
diff --git a/assets/scss/styles/06-components/_article.scss b/assets/scss/styles/06-components/_article.scss
@@ -36,6 +36,10 @@
     margin-top: 0.25em; // 1.
 }
 
+.article__tags {
+    display: inline-flex;
+}
+
 .article__author {
     max-width: 42rem;
     margin-left: -0.15em; // 2.

diff --git a/assets/scss/styles/06-components/_label.scss b/assets/scss/styles/06-components/_label.scss
@@ -34,6 +34,6 @@
     line-height: typography.line-height(medium);
 }
 
-.label--new {
+.label--warning {
     background-color: map.get(colors.$ui, warning);
 }
diff --git a/assets/scss/styles/10-utilities/_spacing.scss b/assets/scss/styles/10-utilities/_spacing.scss
@@ -2,6 +2,10 @@
 
 // stylelint-disable declaration-no-important -- Only allow `!important` for utility classes.
 
+.spacing-left-1 {
+    margin-left: 0.5em !important;
+}
+
 .spacing-right-1 {
     margin-right: 0.5em !important;
 }

diff --git a/partials/navigation.hbs b/partials/navigation.hbs
@@ -26,7 +26,7 @@
                     {{label}}
                 </a>
                 {{#has slug="slovnik"}}
-                    <span class="navigation__tag label label--small label--new">nové</span>
+                    <span class="navigation__tag label label--small label--warning">nové</span>
                 {{/has}}
             </li>
         {{/foreach}}

diff --git a/partials/post-card.hbs b/partials/post-card.hbs
@@ -37,6 +37,9 @@
             <div class="post-card__meta">
                 {{#has tag="count:>1"}}
                     {{tags from=2 to=2}}
+                    {{#has tag="Spolupráce"}}
+                        <a href="/tema/spoluprace" class="label label--warning spacing-left-1">Spolupráce</a>
+                    {{/has}}
                     —
                 {{/has}}
                 {{reading_time minute=(t "1 min read") minutes=(t "% min read")}}

diff --git a/post.hbs b/post.hbs
@@ -45,7 +45,20 @@
                                 {{date format="D. MMMM YYYY"}}
                             </time>
                             —
-                            {{tags from=2}}
+                            {{#if tags}}
+                                <ul class="article__tags list-inline list-unstyled">
+                                    {{#foreach tags from="2"}}
+                                        <li>
+                                            <a
+                                                href="{{url}}"
+                                                {{#has slug="spoluprace"}}
+                                                    class="label label--warning"
+                                                {{/has}}
+                                            >{{name}}</a>{{#unless @last}},{{/unless}}
+                                        </li>
+                                    {{/foreach}}
+                                </ul>
+                            {{/if}}
                             —
                             {{reading_time minute=(t "1 min read") minutes=(t "% min read")}}
                         </div>