pk2002pc/irkutsk_tour
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Вернуть карту и изображения в печать

Browse Source
This commit is contained in:
Pavel Kustov
2026-09-19 17:19:40 +08:00
parent e6b06a16ab
commit fcb42f5310
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site.css
+16 -7
View File
@@ -4175,20 +4175,29 @@ body.menu-open{overflow:hidden}
@media print{ @media print{
@page{size:A4;margin:14mm 13mm} @page{size:A4;margin:14mm 13mm}
body{background:#fff;color:#1d2d38;font:11pt/1.45 Arial,sans-serif} body{background:#fff;color:#1d2d38;font:11pt/1.45 Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
body>*{display:none!important} body>*{display:none!important}
body>.route-wrap{display:none!important} body>.route-wrap,body>.architecture{display:block!important;background:#fff!important;color:#1d2d38!important}
body>.architecture{display:block!important;background:#fff!important;color:#1d2d38!important} .route-wrap{break-after:page}
.architecture .page{max-width:none;padding:0} .route-wrap .page,.architecture .page{max-width:none;padding:0}
.route-wrap .page-title{display:block;margin:0 0 7mm}
.route-wrap .page-title h3{font-size:20pt;color:#102d48;margin:0 0 3mm}
.route-wrap .page-title p{font-size:10pt;color:#4d5a5f;max-width:none}
.map-card{display:block!important;padding:0;background:#fff;border:0;box-shadow:none}
.route-map-frame{height:175mm;min-height:0;border:1px solid #c6a66c;border-radius:5mm;overflow:hidden}
.route-map-frame #irkutsk-route-map{height:100%;min-height:0}
.route-map-frame .leaflet-tile-pane{filter:none}
.route-map-frame .leaflet-control-zoom,.route-map-frame .leaflet-control-attribution{display:none}
.map-note{font-size:8pt;color:#52646b;padding:3mm 0 0}
.architecture .page-title{display:block;margin:0 0 6mm} .architecture .page-title{display:block;margin:0 0 6mm}
.architecture .page-title h3{font-size:20pt;color:#102d48;margin:0 0 3mm} .architecture .page-title h3{font-size:20pt;color:#102d48;margin:0 0 3mm}
.architecture .page-title p,.arch-intro{font-size:10pt;color:#4d5a5f;max-width:none} .architecture .page-title p,.arch-intro{font-size:10pt;color:#4d5a5f;max-width:none}
.window-ornament{display:none!important} .window-ornament{display:none!important}
.arch-list{display:block} .arch-list{display:block}
.arch-card,.arch-card:nth-child(even){display:grid;grid-template-columns:24mm 1fr;min-height:0;margin:0;padding:4mm 0;border:0;border-bottom:1px solid #d7c5ae;border-radius:0;box-shadow:none;break-inside:avoid;background:#fff} .arch-card,.arch-card:nth-child(even){display:grid;grid-template-columns:30mm 1fr;min-height:0;margin:0;padding:4mm 0;border:0;border-bottom:1px solid #d7c5ae;border-radius:0;box-shadow:none;break-inside:avoid;background:#fff}
.arch-photo,.arch-card:nth-child(even) .arch-photo{display:block;order:0;min-height:24mm;height:24mm;background-image:none!important;background:#102d48;border-radius:50%;align-self:start} .arch-photo,.arch-card:nth-child(even) .arch-photo{display:block;order:0;min-height:30mm;height:30mm;background-position:center;background-size:cover;border-radius:3mm;align-self:start}
.arch-photo:after{display:none} .arch-photo:after{display:none}
.arch-num{left:0;top:0;width:24mm;height:24mm;border:0;background:#102d48;color:#f0d08c;font-size:13pt} .arch-num{left:2mm;top:2mm;width:9mm;height:9mm;border:1px solid #f0d08c;background:#102d48;color:#f0d08c;font-size:9pt}
.arch-text{padding:0 0 0 5mm;display:block} .arch-text{padding:0 0 0 5mm;display:block}
.address{font-size:8pt;margin:0 0 1mm;color:#9a6c27} .address{font-size:8pt;margin:0 0 1mm;color:#9a6c27}
.arch-text h4{font-size:13pt;line-height:1.15;margin:0 0 2mm;color:#102d48} .arch-text h4{font-size:13pt;line-height:1.15;margin:0 0 2mm;color:#102d48}
index.php
+4
View File
@@ -24,6 +24,10 @@
element.classList.add('bg-loaded'); element.classList.add('bg-loaded');
}; };
window.addEventListener('beforeprint', () => {
document.querySelectorAll('[data-bg]').forEach(loadBackground);
});
if ('IntersectionObserver' in window) { if ('IntersectionObserver' in window) {
const backgroundObserver = new IntersectionObserver((entries, observer) => { const backgroundObserver = new IntersectionObserver((entries, observer) => {
entries.forEach((entry) => { entries.forEach((entry) => {