Jacek Pyziak
972c69b136
Historia cen: - Tabela wp_price_history z WP Cronem dziennym (snapshot cen) - AJAX endpoint apartamenty_get_price_history (zabezpieczony nonce) - Popup "Historia cen" w widgecie — vanilla JS, modal zgodny z projektem Jawnosc cen: - Endpointy /ceny-mieszkan.xml + /dane-gov-pl.xml (XSD-compliant) - Pliki MD5 dla obu XML - Strona admina: Narzedzia -> Jawnosc Cen z URL-ami do Ministerstwa - Transient cache 1h z inwalidacja przez cron Dokumentacja: docs/readme.md + docs/jawnosc-cen.md Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
99 lines
8.3 KiB
CSS
99 lines
8.3 KiB
CSS
.apartaments .apartament-card__wrapper{position:relative;width:100%;max-width:1264px;margin:0 auto;padding:93px 126px 26px;border:4px solid #192c44}@media(max-width: 992px){.apartaments .apartament-card__wrapper{padding:80px 70px 20px}}@media(max-width: 768px){.apartaments .apartament-card__wrapper{padding:0;border:0}}.apartaments .apartament-card__wrapper .apartament-card__title{background:#192c44}@media(min-width: 769px){.apartaments .apartament-card__wrapper .apartament-card__title{position:absolute;left:50%;top:0;transform:translateX(-50%)}}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__title{display:flex;align-items:center;justify-content:center;margin:0 25px 25px}}.apartaments .apartament-card__wrapper .apartament-card__title h2{color:#fff;font-family:"Barlow",sans-serif;font-weight:500;font-size:32px;line-height:1.3;text-align:center;margin:0;padding:5px 70px 8px;min-width:-moz-max-content;min-width:max-content}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__title h2{font-size:24px}}.apartaments .apartament-card__wrapper .apartament-card__gallery{position:relative;line-height:0;margin-bottom:17px}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__gallery{margin-bottom:26px}}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-prev{left:0;transform:translateX(calc(-100% - 30px));width:43px;height:119px}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-prev{width:27px;height:70px;transform:none;left:8px}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-prev svg path{fill:#fff}}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-next{right:0;transform:translateX(calc(100% + 30px));width:43px;height:119px}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-next{width:27px;height:70px;transform:none;right:8px}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-next svg path{fill:#fff}}.apartaments .apartament-card__wrapper .apartament-card__gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.apartaments .apartament-card__wrapper .apartament-card__info{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:15px}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__info{grid-template-columns:1fr;margin-left:25px;margin-right:25px}}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1{border:4px solid #192c44;padding:25px 10% 10px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table,.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 tr,.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 td{border:none;padding:0;margin:0;background:rgba(0,0,0,0)}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span{position:relative;display:inline-block}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span::before{content:"";position:absolute;inset:0 -8px;z-index:-1}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.available::before{background:#c1e8a8}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.reserved::before{background:#f4eba8}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.sold::before{background:#f54040}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__price-history .apartament-card__info_table-value{font-weight:600;font-size:14px;line-height:26px;display:inline-flex;width:100%;align-items:center;gap:7px;padding-top:10px;cursor:pointer}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__price-history .apartament-card__info_table-value svg{margin-bottom:4px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr td{width:50%;color:#192c44;font-family:"Barlow",sans-serif;font-weight:400;font-size:22px;line-height:1.2}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2{border:4px solid #192c44;padding:25px 10% 10px;align-content:center}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__img{margin-bottom:40px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__img img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__data a{color:#192c44;font-family:"Barlow",sans-serif;font-weight:600;font-size:14px;line-height:1.8;display:inline-flex;justify-content:center;align-items:center;gap:7px;width:100%;cursor:pointer}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__data a svg{margin-bottom:4px}@media(max-width: 768px){.apartaments .apartament-card__wrapper .apartament-card__desc{margin-left:25px;margin-right:25px}}.apartaments .apartament-card__wrapper .apartament-card__desc p{color:#192c44;font-family:"Barlow",sans-serif;font-weight:500;font-size:20px;line-height:1.05}.apartaments .apartament-card__wrapper .apartament-card__desc ul{padding:0;margin:0;list-style:none}.apartaments .apartament-card__wrapper .apartament-card__desc ul li{position:relative;padding-left:25px;color:#192c44;font-family:"Barlow",sans-serif;font-weight:400;font-size:20px;line-height:30px}.apartaments .apartament-card__wrapper .apartament-card__desc ul li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:13px;background-image:url("/wp-content/uploads/2026/03/Polygon-2.svg");background-position:center;background-size:contain;background-repeat:no-repeat}/*# sourceMappingURL=main.css.map */
|
|
|
|
/* Historia cen — popup */
|
|
.price-history-overlay {
|
|
display: none;
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 99999;
|
|
background: rgba(25, 44, 68, 0.55);
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 20px;
|
|
}
|
|
.price-history-overlay.is-open {
|
|
display: flex;
|
|
}
|
|
.price-history-modal {
|
|
position: relative;
|
|
background: #fff;
|
|
border: 4px solid #192c44;
|
|
padding: 32px 36px 28px;
|
|
max-width: 560px;
|
|
width: 100%;
|
|
font-family: 'Barlow', sans-serif;
|
|
color: #192c44;
|
|
}
|
|
@media (max-width: 600px) {
|
|
.price-history-modal {
|
|
padding: 24px 20px 20px;
|
|
}
|
|
}
|
|
.price-history-modal__close {
|
|
position: absolute;
|
|
top: 14px;
|
|
right: 14px;
|
|
background: none;
|
|
border: 2px solid #192c44;
|
|
width: 30px;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
.price-history-modal__title {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
margin: 0 0 18px;
|
|
padding-right: 40px;
|
|
color: #192c44;
|
|
}
|
|
.price-history-modal__current {
|
|
margin-bottom: 16px;
|
|
}
|
|
.price-history-modal__row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 18px;
|
|
line-height: 1.5;
|
|
color: #192c44;
|
|
}
|
|
.price-history-modal__row--bold {
|
|
font-weight: 700;
|
|
}
|
|
.price-history-modal__val {
|
|
text-align: right;
|
|
}
|
|
.price-history-modal__table-wrap {
|
|
border-top: 1px solid #192c44;
|
|
padding-top: 12px;
|
|
margin-top: 4px;
|
|
max-height: 40vh;
|
|
overflow-y: auto;
|
|
}
|
|
.price-history-modal__table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
.price-history-modal__table tr {
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
.price-history-modal__table td {
|
|
padding: 4px 0;
|
|
font-size: 15px;
|
|
color: #192c44;
|
|
font-family: 'Barlow', sans-serif;
|
|
font-weight: 400;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
.price-history-modal__table td:last-child {
|
|
text-align: right;
|
|
}
|
|
.price-history-modal__table td:nth-child(2) {
|
|
text-align: center;
|
|
} |