feat(categories): change background color of uncollapsed Category

Pelican-Elegant · Feb 1, 2020 · 6cc11b8 · 6cc11b8
1 parent a421dcd
commit 6cc11b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -261,7 +261,8 @@ a.category-link {
 a.category-link:hover {
   text-decoration: none;
 }
-a.category-title-inside-accordion:hover {
+a.category-title-inside-accordion:hover,
+a:not(.collapsed).accordion-toggle.category-title-inside-accordion {
   background-color: #08c;
   border-radius: var(--borderRadius);
   color: #fff;

diff --git a/templates/categories.html b/templates/categories.html
@@ -44,7 +44,7 @@ <h1><a href="{{ SITEURL }}/{{ CATEGORIES_URL }}">All Categories</a></h1>
             {% for category, articles in categories %}
             <div class="accordion-group">
                 <div class="accordion-heading">
-                    <a class="accordion-toggle category-title-inside-accordion" data-toggle="collapse" data-parent="#accordion2" href="#{{ category.slug }}-ref">
+                    <a class="accordion-toggle category-title-inside-accordion collapsed" data-toggle="collapse" data-parent="#accordion2" href="#{{ category.slug }}-ref">
                         {% set num = articles|count %}
                         {{ category }}<span>{{ num }}</span>
                     </a>