Fixed height scalling edge case with margin on progressive-media element

Faboslav · Faboslav · commit 6df7ae6c1674 · 2019-02-26T15:03:14.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 1.0.5 February 26, 2019
+
+- Fixed height scalling edge case with margin on progressive-media element
+
 ## 1.0.4 December 6, 2018
 
 - Added default grey background for progressive media elements
diff --git a/dist/css/progressive-media.css b/dist/css/progressive-media.css
@@ -5,7 +5,7 @@
     display: flex;
     position: relative;
     width: 100%;
-    height: 100%;
+    height: auto;
     background-color: #f5f5f5;
 }
 .progressive-media .progressive-media-aspect {
@@ -22,7 +22,7 @@
     width: 100%;
     height: 100%;
 }
-.progressive-media.progressive-media-loaded.progressive-media-image .progressive-media-image-placeholder {
+.progressive-media-loaded.progressive-media-image .progressive-media-image-placeholder {
     visibility: hidden;
     opacity: 0;
 }
diff --git a/dist/css/progressive-media.min.css b/dist/css/progressive-media.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "progressive-media",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Fast, optimalized and lightweight library for smooth looking lazy loading of images and iframes.",
   "scripts": {},
   "repository": {
diff --git a/src/scss/progressive-media.scss b/src/scss/progressive-media.scss
@@ -5,7 +5,7 @@
     display: flex;
     position: relative;
     width: 100%;
-    height: 100%;
+    height: auto;
     background-color: #f5f5f5;
 
     .progressive-media-aspect {

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`display: flex;`
`6`	`6`	`position: relative;`
`7`	`7`	`width: 100%;`
`8`		`- height: 100%;`
	`8`	`+ height: auto;`
`9`	`9`	`background-color: #f5f5f5;`
`10`	`10`	`}`
`11`	`11`	`.progressive-media .progressive-media-aspect {`
`@@ -22,7 +22,7 @@`
`22`	`22`	`width: 100%;`
`23`	`23`	`height: 100%;`
`24`	`24`	`}`
`25`		`-.progressive-media.progressive-media-loaded.progressive-media-image .progressive-media-image-placeholder {`
	`25`	`+.progressive-media-loaded.progressive-media-image .progressive-media-image-placeholder {`
`26`	`26`	`visibility: hidden;`
`27`	`27`	`opacity: 0;`
`28`	`28`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "progressive-media",`
`3`		`- "version": "1.0.4",`
	`3`	`+ "version": "1.0.5",`
`4`	`4`	`"description": "Fast, optimalized and lightweight library for smooth looking lazy loading of images and iframes.",`
`5`	`5`	`"scripts": {},`
`6`	`6`	`"repository": {`