diff --git a/apps/rp/templates/rp/article_list_public.html b/apps/rp/templates/rp/article_list_public.html index dbc7a0c4d57768435b50649e1662fa7b52926ab4..8d740172441b3806c3f3cf2dd1a39aaf56f8c6d5 100644 --- a/apps/rp/templates/rp/article_list_public.html +++ b/apps/rp/templates/rp/article_list_public.html @@ -21,8 +21,9 @@
+
-
+ {% for article in object_list %}
diff --git a/static/src/components/badge.css b/static/src/components/badge.css index d152757ee1f3b5ed9f7fae6352de35daefbfad96..7ee496c5ffea8940cd083c90d4acf428bfa3e88b 100644 --- a/static/src/components/badge.css +++ b/static/src/components/badge.css @@ -5,3 +5,31 @@ .badge.badge-info { background-color: var(--color-light-blue); } + +.badge.badge-tag { + border: 1px solid var(--color-light-blue); + color: var(--color-dark-blue); + font-weight: 300; + font-size: 0.9rem; + + display: inline-flex; + + margin: 0.25rem 0; + padding: 0; + & span { + padding: 0.50em 0.4em; + } + + & span.badge-count { + border-left: 1px solid var(--color-light-blue); + } + + &:hover, &:active, &:focus { + color: var(--color-black); + border-color: var(--color-dark-blue); + + & span.badge-count { + border-color: var(--color-dark-blue); + } + } +}