rohlik.cz - product images are sized to zero height and width Topic is solved

[jokusoftware]

Some time ago the online grocery store rohlik.cz ceased to display product images in its catalog in PaleMoon. I have now investigated it a bit and it seems that something used in CSS for width/height inline calc() is not supported. It looks like this:

Code: Select all

width: calc(100% - 32px);
height: calc(100% - 32px);

and the result is always zero. It seems to be supposed to calculate a size of the image div contained inside a flex div. Tested with PaleMoon 33.7 x64 on Windows 11.

[adoxa]

It's due to lack of aspect-ratio. Try this userstyle.

Code: Select all

@-moz-document domain("www.rohlik.cz") {
  div[data-test="productCard-header-image"] {
    height: 150px
  }
}

[jokusoftware]

Ah, working fine. Thank you very much.