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 10:55:50 +01:00
parent a4403a0d33
commit a4d17492d2
2 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/style.css
View File

@@ -991,4 +991,11 @@ td select.tom-dark {
@media (min-width: 421px) {
.user-label-desktop { display: inline !important; }
.user-label-mobile { display: none !important; }
}
}
.badge.rounded-circle.category-dot {
min-width: 0.75rem !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
}

24
templates/main.html
View File

@@ -84,10 +84,14 @@
</a>
{% for cat in l.category_badges %}
<span class="badge rounded-pill text-dark ms-1"
style="background-color: {{ cat.color }}; font-size: 0.56rem; opacity: 0.85;">
{{ cat.name }}
</span>
<span class="badge rounded-pill text-dark ms-1 d-none d-sm-inline"
style="background-color: {{ cat.color }}; font-size: 0.56rem; opacity: 0.85;">
{{ cat.name }}
</span>
<span class="badge rounded-circle ms-1 d-sm-none category-dot"
style="width: 0.75rem; height: 0.75rem; background-color: {{ cat.color }};
border: 1px solid rgba(255,255,255,0.4); opacity: 0.95;"
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}"></span>
{% endfor %}
</span>
@@ -191,10 +195,14 @@
</a>
{% for cat in l.category_badges %}
<span class="badge rounded-pill text-dark ms-1"
style="background-color: {{ cat.color }}; font-size: 0.56rem; opacity: 0.85;">
{{ cat.name }}
</span>
<span class="badge rounded-pill text-dark ms-1 d-none d-sm-inline"
style="background-color: {{ cat.color }}; font-size: 0.56rem; opacity: 0.85;">
{{ cat.name }}
</span>
<span class="badge rounded-circle ms-1 d-sm-none category-dot"
style="width: 0.75rem; height: 0.75rem; background-color: {{ cat.color }};
border: 1px solid rgba(255,255,255,0.4); opacity: 0.95;"
title="{{ cat.name }}" aria-label="Kategoria: {{ cat.name }}"></span>
{% endfor %}
</span>