duimstok.prorail.nl/public/css/responsive.css

22 lines
993 B
CSS

@media print {
.form-toolbar, .tab-bar, .foto-btn, .modal-overlay, .lightbox, .status-bar,
.capture-label, .overview-thumbs, .svg-link-row, .btn-opname-gereed, .btn-back { display: none !important; }
body { padding: 0; background: #fff; }
.form-container { border: 1px solid #000; box-shadow: none; }
.tab-panel { display: block !important; }
.screen { display: block !important; }
#screen-overview { display: none !important; }
}
@media (max-width: 768px) {
.header-grid { grid-template-columns: 120px 1fr 120px 1fr; }
.header-grid .cell { font-size: 9.5px; padding: 2px 4px; }
.foto-btn { padding: 8px; font-size: 12px; }
.assessment-table select { padding: 6px; font-size: 12px; }
.wissel-overview { grid-template-columns: 80px 1fr 80px; }
.capture-label .cap-icon { width: 38px; height: 38px; }
.section-strip { min-height: 110px; }
.summary-row { grid-template-columns: 1fr 1fr; }
.order-table td, .order-table th { padding: 8px 6px; font-size: 10px; }
}