fix: apply zoom to cv-container and footer to properly reduce document space
Changed zoom target from .cv-paper to .cv-container and .cv-footer to fix issue where 50% zoom still reserved 100% document space creating empty areas. Both elements now scale together, properly reducing space at low zoom levels while keeping main action bar unaffected. - Modified applyZoom() to target .cv-container and .cv-footer - Added transform-origin, transition, and will-change to both CSS selectors - Maintains proportional scroll compensation for smooth visual experience
This commit is contained in:
@@ -498,6 +498,9 @@ iconify-icon {
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 0 0; /* Top padding to prevent sticky action bar overlap */
|
||||
display: block; /* Changed from flex */
|
||||
transform-origin: top center; /* Scale from top center - container stays anchored at top */
|
||||
transition: transform 0.08s linear; /* Smooth, immediate zoom response */
|
||||
will-change: transform; /* Hint browser to optimize for transforms */
|
||||
}
|
||||
|
||||
/* Clean theme - no sidebars, centered content */
|
||||
@@ -1697,6 +1700,9 @@ a:focus {
|
||||
padding: 20px 0;
|
||||
margin: 0;
|
||||
grid-column: 1 / -1; /* Span all columns */
|
||||
transform-origin: top center; /* Scale from top center - footer stays anchored at top */
|
||||
transition: transform 0.08s linear; /* Smooth, immediate zoom response */
|
||||
will-change: transform; /* Hint browser to optimize for transforms */
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
|
||||
Reference in New Issue
Block a user