/* * Logbook-specifik print-CSS. Länkas direkt i index.html (egen ), * separat från ui.css eftersom det är print-only och annars bara * skulle ligga oanvänt i screen-CSS:en. * * Triggas av samma playtypusPrint.trigger() som activity card. * Skriver ut alla poster i ett enkelt rutnät, en sida i taget. */ @media print, html.is-printing { /* Visa logboken i print-läge även om den är inbäddad i en overlay */ .logbook { position: static !important; padding: 0 !important; background: white !important; color: black !important; } /* Dölj allt utom logboken när logboken är aktiv */ body.printing-logbook .app-header, body.printing-logbook .filter-trigger-bar, body.printing-logbook .activity-grid-section, body.printing-logbook .ready-now-section, body.printing-logbook .ab-overlay:not(.logbook-overlay), body.printing-logbook .panic-button, body.printing-logbook .badge-toast { display: none !important; } /* Header: behåll titel, dölj print-knappen själv */ .logbook__print-btn { display: none !important; } /* Rutnät: två kolumner i print */ .logbook__grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; padding: 0; } /* Kort: statiska, ingen hover/focus-effekt */ .lb-card { display: block !important; break-inside: avoid; page-break-inside: avoid; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; text-align: left; background: white; cursor: default; } /* Foto: begränsa höjden så det inte tar hela sidan */ .lb-card__photo, .lb-card__img { max-height: 160px; width: 100%; object-fit: cover; display: block; print-color-adjust: exact; -webkit-print-color-adjust: exact; } /* Emoji-bakgrund: behåll färg */ .lb-card__emoji-bg { height: 80px; display: flex; align-items: center; justify-content: center; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .lb-card__body { padding: 8px; } .lb-card__title { display: block; font-size: 11pt; font-weight: 600; color: black; } .lb-card__date { display: block; font-size: 9pt; color: #666; margin-top: 2px; } .lb-card__note-icon { display: inline-block; margin-top: 4px; font-size: 9pt; } /* Dölj entry detail-sheeten vid print */ .lb-detail-overlay { display: none !important; } /* Logbook header */ .logbook__header { margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #eee; } .logbook__title { font-size: 18pt; font-weight: 700; color: black; margin: 0; } .logbook__subtitle, .logbook__count { font-size: 10pt; color: #666; margin: 2px 0 0; } } /* Hjälpklass som JS sätter på när logboken printas, för att dölja rätt element utan att störa activity-card-print */ body.printing-logbook { /* ingen screen-effekt */ } /* Header-top layout för titel + print-knapp */ .logbook__header-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }