3d ago

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.

3 comments

This snippet worked for me when I just tested it:

.post_teaser_image_preview a { max-height: unset; }
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;
}