fix: hide empty navigation groups (#719)

unfoldadmin · Sep 6, 2024 · eb3795a · eb3795a
1 parent e5ddb30
commit eb3795a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/unfold/helpers/app_list.html b/src/unfold/templates/unfold/helpers/app_list.html
@@ -6,7 +6,7 @@
             {% if group.items %}
                 {% has_nav_item_active group.items as has_active %}
 
-                <div class="mb-3" {% if group.collapsible %}x-data="{navigationOpen: {% if has_active %}true{% else %}false{% endif %}}"{% endif %}>
+                <div class="hidden mb-3 has-[ol]:has-[li]:block" {% if group.collapsible %}x-data="{navigationOpen: {% if has_active %}true{% else %}false{% endif %}}"{% endif %}>
                     {% if group.separator %}
                         <hr class="border-t border-gray-200 mx-6 my-2 dark:border-gray-800" />
                     {% endif %}
@@ -52,8 +52,8 @@ <h2 class="font-semibold flex flex-row items-center mb-1 mx-3 py-1.5 px-3 select
                             {% endif %}
                         {% endfor %}
                     </ol>
+                </div>
             {% endif %}
-            </div>
         {% endfor %}
     </div>