feat: make group icons on homepage show their group images as icons (#44

) * feat: make groups on home page show icons * feat: make flag a bit thinner
fjelltopp · Oct 8, 2024 · b65e604 · b65e604
1 parent 0aa1358
commit b65e604
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/ckanext/zarr/assets/css/zarr.css b/ckanext/zarr/assets/css/zarr.css
@@ -115,6 +115,7 @@
     margin-right: 26px;
     margin-bottom: 6px;
     border-radius: 4px;
+    text-align: center;
 }
 
 .topics li a .topic-link {

diff --git a/ckanext/zarr/assets/css/zarr_palette.css b/ckanext/zarr/assets/css/zarr_palette.css
@@ -63,7 +63,7 @@
     pointer-events: none;
 }
 .flag-bar {
-    width: 60px;
+    width: 30px;
     height: 100%;
 }
 .flag-black {
@@ -80,4 +80,4 @@
 
 .flag-green {
     background: #009E49;
-}
+}
diff --git a/ckanext/zarr/templates/group/snippets/group_item.html b/ckanext/zarr/templates/group/snippets/group_item.html
@@ -5,5 +5,5 @@
 {% set url = h.url_for(type ~ '.read', id=group.name) %}
 
 {% block item %}
-    <li><a href="{{ url }}"><p class="topic-top-square"></p><p class="topic-link">{{ _(group.title) }}</p></a></li>
+    <li><a href="{{ url }}"><p class="topic-top-square"><img src="{{ group.image_url }}" width="36px"/></p><p class="topic-link">{{ _(group.title) }}</p></a></li>
 {% endblock %}