Zmiana nazwy na Polska Lokalnie, przyklejony naglowek i uklad stron konta

Nazwa i adres:
- marka "Mieszko" -> "Polska Lokalnie" w calym interfejsie (27 miejsc),
  w tekstach zaleznych dodane slowo "serwis", zeby brzmialy poprawnie po polsku
- domena mieszko.pl -> polskalokalnie.pl (adresy kontaktowe, profil, udostepnianie)
- haslo pod logo: "mieszkania za darmo" -> "ogloszenia za darmo"
- backend: teksty powiadomien, dane demo i domyslna nazwa admina
- nazwa wyswietlana istniejacego admina zaktualizowana w bazie;
  login admin@mieszko.pl celowo bez zmian

Naglowek:
- logo, nawigacja i panel zostaja widoczne przy przewijaniu (position: sticky,
  warstwa 65 - nad listami rozwijanymi, pod lightboxem zdjec)
- sticky sidebary z top: 18-20px wyrownane do 96px, zeby nie wjezdzaly pod naglowek

Uklad stron konta:
- /ulubione, /wiadomosci i /powiadomienia otwieraja sie jak /konto/wyszukiwania -
  wspolny layout AccountShell zamiast powielania ukladu w kazdej stronie
- /konto/porownanie mialo wlasny uklad (sidebar 300px, inny gap i padding),
  przez co menu przeskakiwalo - wyrownane do .account-layout wraz z punktem
  zwijania (1200px zamiast 1500px)
- narzedzia publiczne (/wycena, /historia-cen, /ranking-dzielnic, /negocjacje)
  bez menu konta - dzialaja jak /kupno czy /wynajem

Naprawy regresji po zamianie przyciskow na linki:
- ikona ulubionych na kartach /kupno wracala do przeplywu (nadpisany
  position: absolute) - teraz podnoszona jest tylko warstwa
- menu uzytkownika i "Zobacz wszystkie" w powiadomieniach: reguly CSS
  celowaly tylko w <button>, przez co pozycje rozjezdzaly sie na dwie linie

Testy: 47 (bylo 41), w tym zabezpieczenie przed powrotem przeskoku menu
i przed rozjechaniem pozycji menu uzytkownika.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-24 01:21:20 +02:00
parent 0ec73959a7
commit 93e67bd27e
8 changed files with 244 additions and 67 deletions
+64 -17
View File
@@ -56,8 +56,11 @@ svg {
height: 82px;
margin: 0 auto;
padding: 0 48px;
position: relative;
z-index: 20;
/* Naglowek (logo, nawigacja, panel) zostaje widoczny przy przewijaniu na kazdej stronie.
Warstwa 65: nad rozwijanymi listami strony (60), pod lightboxem zdjec (70). */
position: sticky;
top: 0;
z-index: 65;
}
.header-admin {
@@ -3238,7 +3241,7 @@ svg {
gap: 18px;
min-width: 0;
position: sticky;
top: 18px;
top: 96px;
}
.map-card {
@@ -3844,7 +3847,7 @@ svg {
display: grid;
gap: 18px;
position: sticky;
top: 18px;
top: 96px;
}
.guide-ai-card {
@@ -5367,7 +5370,7 @@ svg {
display: grid;
gap: 18px;
position: sticky;
top: 18px;
top: 96px;
}
.listing-preview-card,
@@ -12797,7 +12800,7 @@ svg {
margin: 0;
}
.notification-popover-head button {
.notification-popover-head button, .notification-popover-head a {
background: rgba(255, 255, 255, 0.16);
border: 1px solid rgba(255, 255, 255, 0.34);
border-radius: 7px;
@@ -12897,7 +12900,7 @@ svg {
width: 12px;
}
.account-popover button {
.account-popover button, .account-popover a {
align-items: center;
background: transparent;
border: 0;
@@ -12913,11 +12916,11 @@ svg {
width: 100%;
}
.account-popover button:hover {
.account-popover button:hover, .account-popover a:hover {
background: #f2f6fa;
}
.account-popover button svg {
.account-popover button svg, .account-popover a svg {
color: #6b7b90;
font-size: 16px;
}
@@ -24363,16 +24366,15 @@ svg {
.comparison-page {
background: #f6f8fb;
min-height: calc(100vh - 82px);
padding: 22px 0;
padding: 16px 18px;
}
.comparison-layout {
display: grid;
gap: 18px;
grid-template-columns: 300px minmax(0, 1fr);
gap: 14px;
grid-template-columns: 256px minmax(0, 1fr);
margin: 0 auto;
max-width: 1900px;
padding: 0 18px;
max-width: 1820px;
}
.comparison-main {
@@ -24988,7 +24990,7 @@ svg {
/* Spis treści */
.guide-toc {
position: sticky;
top: 20px;
top: 96px;
}
.guide-toc-inner {
@@ -25666,7 +25668,7 @@ svg {
flex-direction: column;
gap: 16px;
position: sticky;
top: 20px;
top: 96px;
}
.guide-aside-card {
@@ -26925,7 +26927,12 @@ a.listing-detail-back {
z-index: 1;
}
.real-result-card .real-favorite-button,
/* Serce jest juz pozycjonowane absolutnie w rogu zdjecia - nie zmieniamy mu
position, wystarczy podniesc je nad nakladke rozciagnietego linku. */
.real-result-card .real-favorite-button {
z-index: 2;
}
.real-result-card .real-card-cta {
position: relative;
z-index: 2;
@@ -26937,3 +26944,43 @@ a.listing-detail-back {
justify-content: center;
text-align: center;
}
/* Widoki otwierane z lewego menu konta maja wlasna pelnoekranowa rame (tlo,
min-height, padding). Wewnatrz AccountShell ta rama jest zbedna - zapewnia
ja .account-page, wiec tutaj ja zdejmujemy. */
.account-main > .favorites-page,
.account-main > .messages-page,
.account-main > .notifications-page,
.account-main > .history-page,
.account-main > .negotiation-page,
.account-main > .valuation-page,
.account-main > .district-ranking-page {
background: none;
border-top: 0;
min-height: 0;
padding: 0;
}
/* Czat wypelnia wysokosc okna - w layoucie konta odliczamy naglowek i marginesy. */
.account-main > .messages-page {
height: calc(100vh - 130px);
min-height: 520px;
}
/* "Zobacz wszystkie" w popoverze powiadomien jest teraz <Link> - <button> centrowal tresc sam. */
.notification-popover-head a { align-items: center; display: inline-flex; justify-content: center; }
/* Lewe menu na porownywarce ma chowac sie przy tej samej szerokosci co na
pozostalych stronach konta (1200px), a nie przy 1500px - inaczej menu
nadal przeskakiwaloby w tym zakresie szerokosci. */
@media (min-width: 1201px) {
.comparison-layout { grid-template-columns: 256px minmax(0, 1fr); }
}
@media (max-width: 1200px) {
.comparison-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
.comparison-layout { padding: 0; }
}