Disable max-height for feed images
Hi!
I have set 'Compact UI' in the settings to 'No - expand images' but in my home feed they are still cut off. Looking at the code I can see the following:
.post_teaser_image_preview a {
max-height: 575px;
overflow: hidden;
}
and disabling max-height solves my issue (seeing the whole image in the feed without clicking it).
How do I specify this in the custom CSS section in the settings so that the max-height is always disabled?
I tried
:disable {
.post_teaser_image_preview a {
max-height: 575px;
}
}
but it doesn't work.
This snippet worked for me when I just tested it:
Basically, any css rules in your custom css overwrite the rules specified elsewhere.
Edit: I just wanted to add why the max-height was set initially. This is the codeberg issue that caused there to be a limit. Basically, without setting a max-height, really tall and skinny images can take up a huge amount of vertical space.
Perfect, I'll give it a go. I'm no CSS expert and a quick search only returned the :disable thing. I guess I could also set the max-height to something like 1000px to limit extremely long ones.
Probably:
.post_teaser_image_preview a {
max-height: none;
}