Max-height for images

Thanks for the awesome tt-rss.

How to setup max-height for images in artcles in the browser version?
I would like the images to fit completely on the browser screen.

PNG

You can define a custom CCS in the preferences and add something like this:

 .cdm .content-inner img { max-height: 90vh; }

This scales the image height relative to the browsers viewport height. 90 works find for me as you have to take the top bar from TT-RSS into account.

ttrss_prefs

It works. :heavy_check_mark:
Thanks!

Sorry to dig up this old thread.
I have just tried this with tt-rss standard theme, af_redditimgur enabled and the Reddit Top News feed.
Does not seem to work. Any clues?

e: probably got it resolved with just img { max-height: 90vh; }

body.ttrss_main .cdm .content img, body.ttrss_main .cdm .content video {
    max-height : 800px;        
    height : auto;  
}

vh is probably better, if it works. percentages don’t in webkit.

Thanks for the hint. Not sure why, but for some reason this does not get applied in Firefox while percentage for some reason does.

i’ve added this to the faq

https://git.tt-rss.org/fox/tt-rss/wiki/FAQ#i-want-to-limit-height-of-images-to-something-more-manageable

idk if there’s an elegant enough solution for three column panel mode, vh won’t work, percentage on firefox might.