This commit is contained in:
+201
-7
@@ -3128,6 +3128,13 @@ a.city-card:hover {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
/* Widok listy (domyslny): to kafelki spychaja tresc na dol, wiec stopka idzie tuz pod nie -
|
||||
bez wlasnego margin-top:auto, ktory rozbilby wolna przestrzen na pol. Kompaktowy i kafelki
|
||||
zachowuja oryginalne przypiecie stopki do dolu. */
|
||||
.result-list.view-lista .result-seller-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.result-seller-type.company {
|
||||
color: #0f7a48;
|
||||
}
|
||||
@@ -4202,6 +4209,27 @@ a.city-card:hover {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Zielony akcent w naglowku (np. "Twoje ogloszenie" w podgladzie przed publikacja). */
|
||||
.add-title-accent {
|
||||
color: #12a764;
|
||||
}
|
||||
|
||||
/* Ozdobne zielone kreski ("iskierka") tuz obok napisu "Twoje ogloszenie". */
|
||||
.add-title-spark {
|
||||
color: #12a764;
|
||||
display: inline-block;
|
||||
height: 34px;
|
||||
margin-left: 10px;
|
||||
vertical-align: middle;
|
||||
width: 38px;
|
||||
}
|
||||
|
||||
.add-title-spark path {
|
||||
stroke: currentColor;
|
||||
stroke-linecap: round;
|
||||
stroke-width: 3;
|
||||
}
|
||||
|
||||
.add-title h1 span {
|
||||
color: #10a15e;
|
||||
}
|
||||
@@ -4923,6 +4951,13 @@ a.city-card:hover {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Pole tylko do odczytu (np. e-mail z konta, cena za m2) - wyszarzone, zeby bylo widac, ze zablokowane. */
|
||||
.add-field input[readonly] {
|
||||
background: #f1f5fa;
|
||||
color: #5f7085;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.add-field input::placeholder,
|
||||
.editor-box textarea::placeholder {
|
||||
color: #9aa5b4;
|
||||
@@ -5747,13 +5782,22 @@ a.city-card:hover {
|
||||
border-radius: 999px;
|
||||
color: #ffffff;
|
||||
display: grid;
|
||||
font-size: 20px;
|
||||
font-weight: 950;
|
||||
height: 28px;
|
||||
place-items: center;
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
.photo-order-controls button svg {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
/* Daszek chevronu rysowany pionowo - obracamy go na strzalke w lewo/prawo,
|
||||
tak samo jak w sliderze kart i nawigacji zdjec w wynikach. Wczesniejsze glify
|
||||
tekstowe (< >) mialy asymetryczne odstepy i nie stawaly rowno w kolku. */
|
||||
.photo-order-controls button.prev svg { transform: rotate(90deg); }
|
||||
.photo-order-controls button.next svg { transform: rotate(-90deg); }
|
||||
|
||||
.photo-order-controls button:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.42;
|
||||
@@ -5863,6 +5907,15 @@ a.city-card:hover {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* Karta "Dodatkowe informacje" ma padding:0, a jej sekcje wlasny padding 22px 24px z linia na dole.
|
||||
Naglowek kroku musi dostac ten sam padding, zeby rownal sie z trescia ponizej i mial wlasciwy
|
||||
odstep (a nie dotykal krawedzi karty). */
|
||||
.add-extra-card .add-card-heading {
|
||||
border-bottom: 1px solid #e6edf3;
|
||||
margin-bottom: 0;
|
||||
padding: 22px 24px;
|
||||
}
|
||||
|
||||
.extra-section h2 {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
@@ -25682,6 +25735,136 @@ a.city-card:hover {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Wspolny wiersz kafelkow specyfikacji (ikona -> wartosc -> podpis) uzywany na kartach wynikow
|
||||
i w podgladzie kreatora. Wyglada tak samo jak .listing-detail-stats na stronie ogloszenia. */
|
||||
.spec-tiles {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.spec-tile {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.spec-tile svg {
|
||||
color: #129357;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.spec-tile strong {
|
||||
color: #13243d;
|
||||
font-size: 15px;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.spec-tile span {
|
||||
color: #94a3b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Podglad w kreatorze: kafelki z lekka linia oddzielajaca (krok "Podglad") oraz odstepem (panel boczny). */
|
||||
.spec-tiles.final-specs {
|
||||
border-bottom: 1px solid #e4ebf2;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.spec-tiles.preview-specs {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
/* Drobne chipy z dodatkowymi cechami pod kafelkami w panelu podgladu. */
|
||||
.preview-chip-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.preview-chip-row span {
|
||||
align-items: center;
|
||||
color: #536981;
|
||||
display: inline-flex;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.preview-chip-row svg {
|
||||
color: #536981;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
/* Wariant kompaktowy - dla gestych kart na liscie wynikow. */
|
||||
.spec-tiles.compact {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.spec-tiles.compact .spec-tile svg {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.spec-tiles.compact .spec-tile strong {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.spec-tiles.compact .spec-tile span {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
/* Lista wynikow (zakladka kupno/wynajem): kafelki mniejsze i dosuniete do lewej, zeby nie
|
||||
rozciagaly sie na cala szerokosc karty i nie wygladaly ciezko. */
|
||||
.spec-tiles.result-specs {
|
||||
gap: 16px;
|
||||
justify-content: flex-start;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
/* Widok listy: kafelki siadaja tuz nad linia oddzielajaca stopke (nie wisza w polowie karty). */
|
||||
.result-list.view-lista .result-specs {
|
||||
margin-top: auto;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.spec-tiles.result-specs .spec-tile {
|
||||
flex: 0 0 auto;
|
||||
gap: 0;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.spec-tiles.result-specs .spec-tile svg {
|
||||
display: block;
|
||||
height: 16px;
|
||||
margin: 0 auto -1px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
/* Wartosc i podpis zwarte - bez luznego odstepu, zeby ikona + liczba + podpis tworzyly jeden
|
||||
blok "przyklejony" do siebie, a nie trzy elementy wiszace w powietrzu. */
|
||||
.spec-tiles.result-specs .spec-tile strong {
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.spec-tiles.result-specs .spec-tile span {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.spec-tiles.result-specs .spec-tile strong {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.spec-tiles.result-specs .spec-tile span {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.listing-detail-primary {
|
||||
align-items: center;
|
||||
background: #129357;
|
||||
@@ -26397,6 +26580,7 @@ a.city-card:hover {
|
||||
|
||||
.real-result-card {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
transition: box-shadow 0.15s, transform 0.15s;
|
||||
}
|
||||
|
||||
@@ -32546,20 +32730,30 @@ a.listing-detail-back {
|
||||
.listing-promoted-tag svg { height: 12px; width: 12px; }
|
||||
.ld-badge-promoted { align-items: center; background: #12a764; color: #ffffff; display: inline-flex; gap: 5px; }
|
||||
.ld-badge-promoted svg { height: 13px; width: 13px; }
|
||||
/* Plakietka "Wyróżnione" - w samym prawym gornym rogu KARTY (nad kolumna ceny, ale wysunieta do
|
||||
rogu, nie sklejona z cena). Bialy napis, kolor (granatowo-niebieski gradient) taki sam jak przycisk
|
||||
"Promuj" w zakladce moich ofert. Oglosznia platne za pozycje ida tez na sama gore listy (isPromotedOffer). */
|
||||
.result-promoted-badge {
|
||||
align-items: center;
|
||||
background: #12a764;
|
||||
background: linear-gradient(120deg, #0f2f5b, #1d5fa8);
|
||||
border-radius: 999px;
|
||||
bottom: 12px;
|
||||
color: #ffffff;
|
||||
display: inline-flex;
|
||||
font-size: 11px;
|
||||
font-weight: 850;
|
||||
gap: 5px;
|
||||
left: 12px;
|
||||
padding: 4px 10px;
|
||||
padding: 5px 12px;
|
||||
position: absolute;
|
||||
box-shadow: 0 3px 10px rgba(15, 31, 58, 0.22);
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 4px 12px rgba(15, 47, 91, 0.32);
|
||||
}
|
||||
|
||||
.result-promoted-badge,
|
||||
.result-promoted-badge svg {
|
||||
color: #ffffff;
|
||||
}
|
||||
.result-promoted-badge svg { height: 12px; width: 12px; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user