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 08:13:59 +01:00
parent 9e3842fc7b
commit c22a59c70c
2 changed files with 120 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
static/css/style.css
View File

@@ -879,3 +879,72 @@ td select.tom-dark {
font-size: 0.75rem;
}
}
/* ================================================
RESPONSIVE NAVBAR - ukryj tekst na małych ekranach
================================================ */
/* Bardzo małe ekrany (iPhone 11, iPhone 17 Pro) - tylko emoji w navbar */
@media (max-width: 420px) {
/* Ukryj teksty w przyciskach nawigacji */
.nav-buttons-compact .nav-btn-text {
display: none !important;
}
/* Zmniejsz padding przycisków */
.nav-buttons-compact .btn {
padding: 0.25rem 0.5rem;
min-width: auto;
}
/* Zmniejsz logo - ukryj słowo "Lista" */
.navbar-brand-compact {
font-size: 1.25rem !important;
}
.navbar-brand-text {
display: none !important;
}
/* Ukryj "Zalogowany:" / "Przeglądasz jako" tekst */
.user-info-compact .user-info-label {
display: none !important;
}
/* Zmniejsz badge użytkownika */
.user-info-compact .badge {
font-size: 0.7rem;
padding: 0.25rem 0.5rem;
}
}
/* Średnio-małe ekrany (421-576px) - mniejszy font */
@media (min-width: 421px) and (max-width: 576px) {
.navbar-brand-compact {
font-size: 1.5rem !important;
}
.nav-buttons-compact .btn {
font-size: 0.8rem;
padding: 0.25rem 0.4rem;
}
.nav-buttons-compact .nav-btn-text {
font-size: 0.75rem;
}
.user-info-compact {
font-size: 0.75rem;
}
}
/* Średnie ekrany (577-768px) - lekko zmniejszone */
@media (min-width: 577px) and (max-width: 768px) {
.navbar-brand-compact {
font-size: 1.75rem !important;
}
.nav-buttons-compact .btn {
font-size: 0.85rem;
}
}