Inline Image Height, Alignment, Padding & Margin

One of my favorite Coda tricks is to use Image() with Concatenate() or Format() to great effect.

However, the way the images currently render inline is biased to the top. In my example below, you can see the pink line represents the ‘normal’ line height for the text and emojis. The green line indicates the top and bottom of the Image(), my user profile / headshot.

In this case it is set too high and increases the line height such that it makes any line with an image look very awkward. The larger the image, the greater the distortion.

  1. Is this the desired behavior, @Codans?

  2. Does anyone know any ways to mitigate the issue?

7 Likes