From cd2cb4e878b66ca490556312bdcfc800f57f5725 Mon Sep 17 00:00:00 2001
From: lemon24 <damian.adrian24@gmail.com>
Date: Sun, 19 Jan 2025 17:57:07 +0200
Subject: [PATCH] v2: use classes for collapsed filters. #318

---
 src/reader/_app/v2/templates/v2/entries.html | 10 ++++------
 src/reader/_app/v2/templates/v2/macros.html  |  4 ++--
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/reader/_app/v2/templates/v2/entries.html b/src/reader/_app/v2/templates/v2/entries.html
index 337a633d..93e7d104 100644
--- a/src/reader/_app/v2/templates/v2/entries.html
+++ b/src/reader/_app/v2/templates/v2/entries.html
@@ -54,7 +54,7 @@
   </li>
   {%- endfor %}
   <li class="nav-item">
-    <a class="nav-link dropdown-toggle" href="#nav-more" data-bs-toggle="collapse"
+    <a class="nav-link dropdown-toggle" href=".nav-more" data-bs-toggle="collapse"
       role="button" aria-expanded="false" aria-controls="nav-more">
       more
     </a>
@@ -63,11 +63,9 @@
 
 
 <form>
-  {% if form.search.data %}{{ macros.input(form.search, 'search') }}{% endif %}
-  {% if form.feed_tags.data %}{{ macros.input(form.feed_tags, 'tag') }}{% endif %}
-  <div class="collapse mb-3" id="nav-more">
-    {% if not form.search.data %}{{ macros.input(form.search, 'search') }}{% endif %}
-    {% if not form.feed_tags.data %}{{ macros.input(form.feed_tags, 'tag') }}{% endif %}
+  {{ macros.input(form.search, 'search', none if form.search.data else 'collapse nav-more') }}
+  {{ macros.input(form.feed_tags, 'tag', none if form.feed_tags.data else 'collapse nav-more') }}
+  <div class="collapse mb-3 nav-more">
     <div class="mb-3">
     {{ macros.radio(form.read) }}
     {{ macros.radio(form.important) }}
diff --git a/src/reader/_app/v2/templates/v2/macros.html b/src/reader/_app/v2/templates/v2/macros.html
index 8884c906..9ba15b81 100644
--- a/src/reader/_app/v2/templates/v2/macros.html
+++ b/src/reader/_app/v2/templates/v2/macros.html
@@ -1,7 +1,7 @@
 
 
-{%- macro input(field, icon=none) %}
-<div class="row mb-3">
+{%- macro input(field, icon=none, class=none) %}
+<div class="row mb-3{% if class %} {{ class }}{% endif %}">
   <div class="col-md-12 input-group{% if field.errors %} has-validation{% endif %}">
     {% if icon -%}
     <span class="input-group-text"><i class="bi bi-{{icon}}"></i></span>