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:
parent
35819d0638
commit
0adc57c874
2 changed files with 9 additions and 0 deletions
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue