9
Disable max-height for feed images (feddit.online)
submitted 1 year ago by 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.

all 3 comments

sorted by: hot top controversial new old
[–] 6 points 1 year ago* (1 child)

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.

  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •
    • [–] 2 points 1 year ago

    Probably:

    .post_teaser_image_preview a {
    max-height: none;
    }

  • permalink
  • fedilink
  • source
    •