Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Enhance dropdown components for better accessibility (#2370)

Browse Source
This commit is contained in:
Paweł Kuna
2025-05-15 23:49:10 +02:00
committed by GitHub
parent 44a1979b78
commit b5e2f54bf8
12 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
shared/includes/parts/charts/activity.html
View File

@@ -3,7 +3,7 @@
<div class="d-flex">
<h3 class="card-title">Active users</h3>
<div class="ms-auto">
{% include "parts/dropdown/days.html" %}
{% include "parts/dropdown/days.html" id="active-users" label="Select time range for active users" %}
</div>
</div>

6
shared/includes/parts/dropdown/days.html
View File

@@ -1,7 +1,7 @@
<div class="dropdown">
<a class="dropdown-toggle text-secondary" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ include.value | default: 'Last 7 days' }}</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item active" href="#">Last 7 days</a>
<a class="dropdown-toggle text-secondary"{% if include.id %} id="{{ include.id }}-dropdown"{% endif %} href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{ include.label | default: 'Select time range' }}">{{ include.value | default: 'Last 7 days' }}</a>
<div class="dropdown-menu dropdown-menu-end"{% if include.id %} aria-labelledby="{{ include.id }}-dropdown"{% endif %}>
<a class="dropdown-item active" href="#" aria-current="true">Last 7 days</a>
<a class="dropdown-item" href="#">Last 30 days</a>
<a class="dropdown-item" href="#">Last 3 months</a>
</div>