feat: print-friendly improvements and PDF download modal
Print CSS enhancements: - Show ALL icons, logos, and badges by default in print (16px section icons, 40px company/project logos) - Improved header layout with bigger photo (110x147px, 3:4 ratio) positioned on right - Name and years right-aligned with justified intro text below - Maintained flex layout for experience/project items to show logos side-by-side - Compact badge sizing (7pt font) for print PDF Download UX: - Replaced direct download links with modal popup - Shows work-in-progress message directing users to Print Friendly feature - Bilingual modal (English/Spanish) matching info modal styling - Modal closable via backdrop click, X button, or Escape key - Prevents accidental downloads of outdated PDFs UI improvements: - Enhanced icon toggle contrast and visibility - Consistent modal behavior across info and PDF modals
This commit is contained in:
+3
-3
@@ -2165,11 +2165,11 @@ a:focus {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
/* ========== Menu Controls & Actions (Mobile) ========== */
|
||||
/* Hidden by default, shown only on mobile (< 900px) */
|
||||
/* ========== Menu Controls & Actions (Always Visible) ========== */
|
||||
/* Always visible in hamburger menu at all screen sizes */
|
||||
.menu-controls-section,
|
||||
.menu-actions-section {
|
||||
display: none;
|
||||
display: block;
|
||||
padding: 0.5rem 1.5rem 1rem;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user