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

poprawka dla malych ekranow

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-01-13 09:03:05 +01:00
parent 177fde9e4b
commit 3901cc152e
2 changed files with 62 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
static/css/style.css
View File

@@ -857,32 +857,36 @@ td select.tom-dark {
.sens-high { background: rgba(220,53,69,.25); color: #f1aeb5; } /* czerwony */
/* =========================================================
COMPACT: przyciski akcji na listach (jak navbar)
(podmień za stary blok .btn-group-compact)
COMPACT: przyciski akcji na listach
- Desktop: standard Bootstrap
- <=576px: kompakt
========================================================= */
/* Bazowo (wszystkie ekrany): trochę ciaśniej niż Bootstrap */
.btn-group-compact .btn {
padding: 0.25rem 0.5rem;
/* <=420px: tylko emoji */
@media (max-width: 420px) {
.btn-group-compact .btn-text {
display: none !important;
}
.btn-group-compact .btn {
padding: 0.22rem 0.45rem;
min-width: auto;
font-size: 0.9rem;
line-height: 1.1;
}
}
/* Wąskie ekrany (iPhone 11 / węższe) */
@media (max-width: 420px) {
.btn-group-compact {
flex-wrap: nowrap;
}
/* 421–576px: lekko ciaśniej, ale tekst zostaje */
@media (min-width: 421px) and (max-width: 576px) {
.btn-group-compact .btn {
padding: 0.25rem 0.5rem;
font-size: 0.82rem;
line-height: 1.1;
}
.btn-group-compact .btn-text {
display: none !important;
}
.btn-group-compact .btn {
padding: 0.22rem 0.45rem; /* jak navbar */
min-width: auto;
font-size: 0.9rem; /* emoji czytelne */
line-height: 1.1;
}
.btn-group-compact .btn-text {
font-size: 0.75rem;
}
}
/* Medium-narrow screens */