Add max-height 480px to all product-main selectors

The base .product-main rule was being overridden by more specific
selectors that set height: auto. Add max-height to each specific
rule so the constraint is respected. Also add production URL to
CLAUDE.md.
This commit is contained in:
russell@unturf.com 2026-02-08 06:26:03 -05:00
parent 35819d0638
commit 0adc57c874
2 changed files with 9 additions and 0 deletions

View file

@ -1,5 +1,10 @@
# Claude Development Notes
## Production URL
- Application: `https://my.makepostsell.com`
- Version check: `https://my.makepostsell.com/version`
## Project Setup
This project uses a Makefile for most development operations. Use `make` commands instead of running tools directly.

View file

@ -418,6 +418,7 @@ img.product-thumbnail {
.product-images img.product-main,
div.product-images img.product-main {
max-width: 100%;
max-height: 480px;
width: auto;
height: auto;
}
@ -433,6 +434,7 @@ div.product-images img.product-main {
.video-thumbnail-container img.product-main {
display: block;
max-width: 100%;
max-height: 480px;
height: auto;
}
@ -1385,6 +1387,7 @@ textarea.markup-editor-textarea {
.product-images img.product-main {
max-width: 100%;
max-height: 480px;
width: auto;
height: auto;
}
@ -2588,6 +2591,7 @@ textarea {
.watch-video-container video.product-main {
max-width: 100%;
max-height: 480px;
width: 100%;
height: auto;
}