Set max height of media item in grid (#15066)

* Set max height of media item in grid to avoid portrait images of take up much of height

* Style image preview in for SVG

* Set max height instead

src/Umbraco.Web.UI.Client/src/common/directives/components/umbmediagrid.directive.js

@@ -282,6 +282,7 @@ Use this directive to generate a thumbnail grid of media items.
                     var flexStyle = {
                         "flex": flex + " 1 " + imageMinFlexWidth + "px",
                         "max-width": mediaItem.width + "px",
+                        "max-height": itemMaxHeight + "px",
                         "min-width": itemMinWidth + "px",
                         "min-height": itemMinHeight + "px"
                     };

src/Umbraco.Web.UI.Client/src/views/components/media/umbimagepreview/umb-image-preview.less

@@ -5,5 +5,6 @@
 
     img {
         width: 100%;
+        max-height: 50vh;
     }
 }