Make category tree items span full parent width (v0.1.9)
All checks were successful
Create Release Package / PHP Lint (push) Successful in 46s
Create Release Package / PHPUnit Tests (push) Successful in 51s
Create Release Package / Build Release (push) Successful in 1m3s

Move <a> elements to be direct children of the list-group so they
naturally fill the full offcanvas/sidebar width. Chevron toggle moved
inside the link with click interception to prevent navigation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 16:02:13 +02:00
parent 1e7f82615b
commit f64e9cd5a2
5 changed files with 48 additions and 34 deletions

View File

@@ -14,14 +14,14 @@
#}
{% if categories is not empty %}
<nav aria-label="{{ __('Product categories', 'wc-bootstrap') }}">
<nav class="category-tree w-100" aria-label="{{ __('Product categories', 'wc-bootstrap') }}">
<h3 class="sidebar-heading h6 text-uppercase fw-semibold">
{{ __('Categories', 'wc-bootstrap') }}
</h3>
<div class="list-group list-group-flush category-tree">
<div class="list-group list-group-flush w-100">
<a href="{{ shop_url }}"
class="list-group-item list-group-item-action border-0 px-2 py-1{% if current_cat == 0 %} active{% endif %}">
class="list-group-item list-group-item-action border-0 py-1{% if current_cat == 0 %} active{% endif %}">
{{ __('All products', 'wc-bootstrap') }}
</a>
{% for cat in categories %}