[BUG][fixed] widescreen images don't fit site reviews!

[VivisQueen]

See Gekijouban Major review: Gekijouban Major Review by VivisQueen | Anime-Planet

The images are covering the Animation and Sound sections, meaning people can't read the paragraphs properly.

Thanks.

[Ikk]

same for this one Macross Zero Review by vivafruit | Anime-Planet
Macross Zero Review

[VivisQueen]

Anybody read this? I'd imagine this might be fairly important bug. It means people can't read reviews of any new anime entries.

[sothis]

indeed, sorry for the delay on fixing it, yesterday was hectic. i hope to have this squared away tonight ^_^

[Drahken]

Well viv, they can still read the reviews if they zoom out on images. Not a true fix of course, but it's an effective workaround until the problem gets solved.

[sothis]

sorry guys, i tried really hard to get this to work but the problem is a lot harder than i thought (and outside my skill level with css). i'll see if i can find a way to get this fixed, but please be patient as i'm not sure how.

[VectorAdw]

I think that adding width parameter (in style.css) with normal (not WS) screen width (250px) should work. Maybe it's not real solution but full images can be seen at anime entry page so it's not a big deal.

css

.reviewScreens .reviewScreen1 { margin-bottom: 16px !important; width: 250px !important;}
.reviewScreens .reviewScreen2 { margin-bottom: 14px !important; width: 250px !important;}

screen (tested in Stylish in FF 3.5)
IMAGE JPEG LOW-Q 1680x2100

Or

You can do other css style just for WS screens (with more space for image and less for text) and use it instead of <div class="left reviewScreens">. Something like:

.reviewScreensWS { width: 345px !important; padding: 0 16px 10px 0; text-align: center; background-color: #FFF; position: relative; z-index: 2; }
And in review
<div class="left reviewScreensWS">

[Ketsuron]

Originally Posted by VectorAdw

.reviewScreens .reviewScreen1 { margin-bottom: 16px !important; width: 250px !important;}
.reviewScreens .reviewScreen2 { margin-bottom: 14px !important; width: 250px !important;}

That's quite what i've done (260px instead); although i don't use stylish but greasemonkey.

[Drahken]

In theory, you should be able to get around the issue by applying a max-width property to the screens, that would force the wider screens to be reduced to the right width.

[sothis]

the crop works elsewhere, but this has to work in tandem with a number of other things going on in the review entries. im going to talk to kace and see if he will help with this.