UnwrappedGodiva
Member
- Jan 18, 2021
- 480
- 973
- 208
This works fine for me in all browsers, so I am wondering what might be different. Did you have a similar problem with previous versions of the game such as v0.31? Or was it working fine before and now you see these squished images only in v0.32?same problem with Edge too
Also, does the image appear correctly if you click twice on the arrow to collapse and then re-expand the sidebar? Click on the "<" sign at the top of the scrollbar that separates the sidebar from the main part of the window. I am curious to know if this fixes the problem or not.
In any case, this is strange because if I look at the HTML or CSS code of this game, nothing is constraining the height of the image. There is even an explicit "height: auto" in the element hierarchy that should ensure that the images are displayed correctly. The element hierarchy looks like this:
HTML:
<div id="passages"> <!-- CSS: max-width: 54em; margin: 0 auto; ... -->
<div id="..." class= "passage"> <!-- CSS: text-align: left; ... -->
<div class="mapWrapper"> <!-- CSS: display: flex; position: relative; ... width: 100%; height: auto; -->
<img class="mapImage" src="..."> <!-- CSS: width: 100%; height: auto; ... -->
...
</div>
</div>
</div>