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:
juanatsap
2025-11-10 16:03:29 +00:00
parent fc700f1f0e
commit d9bea8a923
3 changed files with 89 additions and 21 deletions
+3 -3
View File
@@ -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);
}