gru/lista_zakupowa_live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

kropka kategorii na malych ekranach

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-01-21 11:15:04 +01:00
parent 34cfde795a
commit d5a2d1b309
2 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/main.html
View File

@@ -84,18 +84,16 @@
</a>
{% for cat in l.category_badges %}
<!-- DESKTOP: nazwa kategorii -->
<!-- DESKTOP: nazwa -->
<span class="badge rounded-pill text-dark ms-1 d-none d-sm-inline fw-semibold"
style="background-color: {{ cat.color }}; font-size: 0.7rem; opacity: 0.9; padding: 0.3em 0.6em;">
{{ cat.name }}
</span>
<!-- MOBILE: DUŻA kolorowa kropka -->
<span class="ms-1 d-sm-none category-dot"
<!-- MOBILE -->
<span class="ms-1 d-sm-none category-dot-pure"
style="background-color: {{ cat.color }};"
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}">
●
</span>
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}"></span>
{% endfor %}
</span>
@@ -199,18 +197,16 @@
</a>
{% for cat in l.category_badges %}
<!-- DESKTOP: nazwa kategorii -->
<!-- DESKTOP: nazwa -->
<span class="badge rounded-pill text-dark ms-1 d-none d-sm-inline fw-semibold"
style="background-color: {{ cat.color }}; font-size: 0.7rem; opacity: 0.9; padding: 0.3em 0.6em;">
{{ cat.name }}
</span>
<!-- MOBILE: DUŻA kolorowa kropka -->
<span class="ms-1 d-sm-none category-dot"
<!-- MOBILE -->
<span class="ms-1 d-sm-none category-dot-pure"
style="background-color: {{ cat.color }};"
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}">
●
</span>
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}"></span>
{% endfor %}
</span>