connor/calendar
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix print preview paper dimensions and cleanup redundant CSS files

Browse Source 
- Change print preview to landscape orientation (11" x 8.5")
- Fix paper div to render at exact 1056x816 pixels
- Add 48px padding (0.5 inches) directly to paper div
- Remove CSS file redundancy: deleted styles.css.backup, styles/base.css, styles/default.css
- Improve modal sizing to accommodate paper dimensions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Connor Johnstone
2025-09-11 18:53:40 -04:00
parent 73d191c5ca
commit 78db2cc00f
4 changed files with 9 additions and 7070 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/print-preview.css
View File

@@ -6,8 +6,8 @@
.print-preview-modal {
width: 90vw;
max-width: 1200px;
height: 80vh;
max-height: none;
height: auto; /* Let modal size itself based on content */
max-height: 90vh; /* But don't exceed viewport */
margin: 5vh auto;
}
@@ -131,7 +131,7 @@
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
overflow: auto; /* Allow scrolling if paper is larger than container */
background: #f5f5f5;
border-radius: 8px;
padding: 2rem;
@@ -147,15 +147,17 @@
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 2px;
/* transform: scale() is now applied dynamically via inline style */
width: 11in; /* Actual letter width */
min-height: 8.5in; /* Letter height */
width: 1056px; /* 11in at 96 DPI - LANDSCAPE width */
height: 816px; /* 8.5in at 96 DPI - LANDSCAPE height */
padding: 48px; /* 0.5 inches at 96 DPI */
box-sizing: border-box; /* Include padding in dimensions */
overflow: hidden;
position: relative;
margin: 0 auto;
flex-shrink: 0; /* Don't shrink in flex container */
}
.print-preview-content {
padding: 1rem;
height: 100%;
overflow: hidden;
}
@@ -1171,4 +1173,4 @@
.print-preview-paper[data-start-hour="8"][data-end-hour="20"]:has(.time-slot.quarter-mode) .time-labels,
.print-preview-paper[data-start-hour="8"][data-end-hour="20"]:has(.time-slot.quarter-mode) .week-days-grid,
.print-preview-paper[data-start-hour="7"][data-end-hour="19"]:has(.time-slot.quarter-mode) .time-labels,
.print-preview-paper[data-start-hour="7"][data-end-hour="19"]:has(.time-slot.quarter-mode) .week-days-grid { min-height: 1530px !important; }
.print-preview-paper[data-start-hour="7"][data-end-hour="19"]:has(.time-slot.quarter-mode) .week-days-grid { min-height: 1530px !important; }