Images in ItemSelectionInput choices and answers are too big

[seanlip]

If an item selection input interaction is created with images in the choices, we should bound the maximum height/width of the image. Otherwise, you get stuff like this, which really doesn't work well on mobile because there's so much scrolling up and down:

The images in the previous student answers also need to be bounded:

[vibhor98]

Hi @tjiang11 Can I work on this? Secondly, where is the file for styling the images - css? Thanks!

[tjiang11]

Hi @vibhor98 , sure! I don't know where the CSS for styling images are off-hand. You can try inspecting the browser and then grep-ing for the CSS selectors that you see there. Thanks!

[vibhor98]

Hi @tjiang11 I have seen 'Welcome to Oppia! ' exploration and few others. But I was unable to see these large images anywhere. Can you help? Thanks!

[tjiang11]

Hi @vibhor98 , I think @seanlip simply created these explorations as a demo on his local server.

[vibhor98]

@tjiang11 Ok. So where can I find images in some other explorations so that I can grep from there to find the CSS file?

[tjiang11]

Hi @vibhor98 , you can do the same thing seanlip did and reproduce it by using some large test images.

[vibhor98]

@tjiang11 , I will try. Thanks!

[seanlip]

Fixed in #4229. Thanks @AllanYangZhou!