From df51385ab8adf715d61841eceebeb7cb2f220e77 Mon Sep 17 00:00:00 2001
From: Leon Sandøy <leon.haland@gmail.com>
Date: Sun, 30 Jan 2022 14:14:51 +0100
Subject: Show a "No filters selected" indicator.

---
 pydis_site/templates/resources/resource_box.html | 6 +++---
 pydis_site/templates/resources/resources.html    | 8 +++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

(limited to 'pydis_site/templates')

diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html
index b06ffd31..88ddee80 100644
--- a/pydis_site/templates/resources/resource_box.html
+++ b/pydis_site/templates/resources/resource_box.html
@@ -18,16 +18,16 @@
         {% if 'title_url' in resource %}
             <span class="icon is-size-4 is-medium" style="margin: 5px;">
                 <a href="{{ resource.title_url }}">
-                    <i class="fas fa-link is-size-3 resource-icon is-hoverable is-primary"></i>
+                    <i class="fas fa-external-link-alt fa-fw is-size-3 resource-icon is-hoverable is-primary"></i>
                 </a>
             </span>
         {% endif %}
 
-        {#Add all additional icon #}
+        {# Add all additional icon #}
         {% for icon in resource.urls %}
             <span class="icon is-size-4 is-medium" style="margin: 5px;">
                 <a href="{{ icon.url }}">
-                    <i class="{{ icon.icon|as_icon }} is-size-3 resource-icon is-hoverable is-{{ icon.color }}"></i>
+                    <i class="{{ icon.icon|as_icon }} fa-fw is-size-3 resource-icon is-hoverable is-{{ icon.color }}"></i>
                 </a>
             </span>
         {% endfor %}
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 53feb255..c3881092 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -27,6 +27,12 @@
                         {# Filter box tags #}
                         <div class="card filter-tags">
                             <div class="is-flex ml-auto is-flex-wrap-wrap">
+                                {# A filter tag for when there are no filters active #}
+                                <span class="no-tags-selected tag has-background-disabled has-text-disabled ml-2 mt-2">
+                                        <i class="fas fa-ban mr-1"></i>
+                                        No filters selected
+                                </span>
+
                                 {% for filter_name, filter_data in filters.items %}
                                     {% for filter_item in filter_data.filters %}
                                         {% if filter_name == "Difficulty" %}
@@ -125,7 +131,7 @@
             <div class="column is-two-thirds">
                 {# Message to display when there are no hits #}
                 <div class="no-resources-found">
-                    <h2 class="title is-3 has-text-centered pt-0 pb-6 no-resources-found">No matching resources found!</h2>
+                    <h2 class="title is-3 has-text-centered pt-0 pb-6">No matching resources found!</h2>
                     <img src="{% static "images/resources/duck_pond_404.png" %}" width="650px">
                 </div>
 
-- 
cgit v1.2.3