Add height restriction option for EuiImage

[flash1293]

The EuiImage component has the size parameter to set the width of an image, but it isn't possible to controll the height (or maximum height) which may come in handy if user supplied images with unkown aspect ratio are displayed using this component (e.g. elastic/kibana#30654)

Open for discussion how exactly this should look like.

[snide]

Another nudge to @miukimiu since she's in this code already with #2287

Might be an easy prop to add.

[nik72619c]

Anyone working on this ?

[miukimiu]

Hi @nik72619c,

I must have missed this while working on #2287.

Not sure if @andreadelrio is going to work on this. I'm seeing her assigned to this task.

But do you want to help?

[nik72619c]

yeah sure !

[nik72619c]

Just wanted some clarity on the fact that as there exists a class for setting the full width like euiImage--fullWidth, do we aspire to have the same with height ?

[snide]

I think by default the height would adjust based upon the width and a "full height" isn't needed. Likely we just need a "max height" that would restrict the width if needed. In all cases the images original ratio should be maintained.

[nik72619c]

how much should be the "max height" ?

[snide]

Talking about this with @cchaos we decided it likely makes sense that the size prop essentially means "width or height should be set to this, whichever is larger" in any cases when it is not set to original or fullWidth.

It would also be nice if the size prop also accepted a numeric value. You can see examples of how to accept a numeric value or enum in several of our other components. Off hand I know EuiPage's restrictWidth prop does something similar.

[jayanthjj]

Is anyone working on this issue?

[chandlerprall]

Removing @andreadelrio from the assignee.

As the last comment was 5 days ago, I'm going to keep this un-assigned until the next time someone asks for it.