Improve timeline button styling and add active state

pingojo · Aug 15, 2024 · 5d11321 · 5d11321
1 parent e1d017b
commit 5d11321
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/website/templates/dashboard.html b/website/templates/dashboard.html
@@ -129,7 +129,7 @@
         <div class="timeline-container">
 
             {% for day in application_days %}
-                <a href="?date={{ day.date|date:'Y-m-d' }}" class="timeline-button {% if request.GET.date == day.date|date:'Y-m-d' %}active{% endif %}">
+                <a href="?date={{ day.date|date:'Y-m-d' }}" class="timeline-button {% if request.GET.date == day.date|date:'Y-m-d' %}active-day{% endif %}">
                     <strong>{{ day.date|date:"m/d" }}</strong>
                     <br>
                     A: {{ day.count }}
@@ -179,7 +179,7 @@
   a.visited {
     color: #ccc;
   }
-  .active {
+  .active-day {
     background-color: #007bff;
     color: white;
     }