Kategorie_mit_Farbpunkt

django/templates/library/overview_quiz_my.html

@@ -70,6 +70,8 @@
           {% if user.is_authenticated %}
           {% if quiz.id not in favorite_quiz_ids %}
           <div class="absolute top-4 right-4 bg-white bg-opacity-60 text-white px-4 py-2 rounded-lg shadow-lg">
+
+            
            
             <a class="favorite-link" href="{% url 'library:favorite_quiz' quiz.pk %}">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="text-black size-6">
@@ -88,6 +90,16 @@
           </div>
           {% endif %}
           {% endif %}
+                    <div class="max-w-6/10 h-max-12 truncate absolute top-4 left-4 bg-white bg-opacity-60 text-white px-4 py-2 rounded-lg shadow-lg ">
+           
+            <div  class="flex items-center gap-2">
+          <span class="rounded-full w-4 h-4 flex-shrink-0" style="background-color: {{ quiz.category.color }};"></span>
+            <a class=" text-gray-800 truncate text-sm" title="{{ quiz.category }}" href="{% url 'library:overview_quiz' %}?filter=1&categories={{ quiz.category.id }}">{{ quiz.category }}</a>
+            </div>
+          </div>
+
+
+
         </div>