You've already forked wc-bootstrap
Make category tree items span full parent width (v0.1.9)
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:
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user