PieFed help

1080 readers

12 users here now

It's seems right that we should have a local community to help us all with PieFed

Rules

Be kind! We're all learning

founded 2 years ago

MODERATORS

007@piefed.social

Disable max-height for feed images (feddit.online)

submitted 6 days ago by bigchunga@feddit.online to c/piefed_help@piefed.social

3 comments fedilink hide all child comments

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.

top 3 comments

sorted by: hot top controversial new old

[–] wjs018@piefed.wjs018.xyz 6 points 6 days ago* (last edited 6 days ago) (1 children)

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 points 6 days ago

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 points 6 days ago

Probably:

.post_teaser_image_preview a {
max-height: none;
}