Fix zoomed photo preview overflowing its box; cache-bust crop assets

Reported: on the session edit page, the photo preview rendered larger
than the rest of the form and overlapped the upload button below it.

Cause: transform:scale(zoom) only affects paint, not layout — the
preview's wrapper (.photo-preview-wrap, .novena-hero-photo-wrap) never
had overflow:hidden, so a zoomed-in crop visually spilled outside its
intended max-height/max-width box instead of being clipped to it. Cards
elsewhere were already fine (.rosary-card already has overflow:hidden).

Also: photo-crop.js/css had no cache-busting query string on any of their
three <script>/<link> tags, so a browser that loaded a page before this
feature's most recent update could easily keep serving a stale cached
copy indefinitely — added ?v=2 to force a refetch of this round's fix.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

Philip Guzman III

2026-09-16 11:03:54 -07:00

parent d1615a9e01

commit c20078890e

5 changed files with 10 additions and 6 deletions

									
										assets/css/public.css
									
		+2
		
												View File
												
				@@ -333,6 +333,8 @@ body {

				.novena-hero-photo-wrap {

				    flex-shrink: 0;

				    overflow: hidden;

				    border-radius: 50%;

				}

				.novena-hero-photo {