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

wjs018@piefed.wjs018.xyz · 6 pts · 364d (1 reply)

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.

bigchunga@feddit.online · 3 pts · 364d

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.

jeena@piefed.jeena.net · 2 pts · 364d

Probably:

.post_teaser_image_preview a {
max-height: none;
}