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:
+64
-17
@@ -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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user