Merge pull request #2106 from alexisthual/bugfix/media_ratio_in_output_area

aminya · web-flow · commit 91fa2afa00b3 · 2021-05-26T17:41:28.000-05:00
diff --git a/styles/hydrogen.less b/styles/hydrogen.less
@@ -248,9 +248,11 @@
     video,
     img,
     svg {
-      width: unset !important;
-      height: unset !important;
+      object-fit: contain !important;
+      width: auto !important;
+      height: auto !important;
       max-width: 100% !important;
+      max-height: 100% !important;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -248,9 +248,11 @@`
`248`	`248`	`video,`
`249`	`249`	`img,`
`250`	`250`	`svg {`
`251`		`- width: unset !important;`
`252`		`- height: unset !important;`
	`251`	`+ object-fit: contain !important;`
	`252`	`+ width: auto !important;`
	`253`	`+ height: auto !important;`
`253`	`254`	`max-width: 100% !important;`
	`255`	`+ max-height: 100% !important;`
`254`	`256`	`}`
`255`	`257`	`}`
`256`	`258`