@pageboard/html 0.15.13 → 0.15.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.15.13",
+  "version": "0.15.14",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/image.css

@@ -8,6 +8,10 @@ element-image {
 	min-height: auto;
 }
 
+element-image.no-size::after {
+	content: "⤡" !important;
+}
+
 element-image > [block-content="legend"] {
 	position:absolute;
 	font-size:0.8rem;

package/ui/image.js

@@ -110,13 +110,13 @@ const HTMLElementImageConstructor = Superclass => class extends Superclass {
 				r.width = w;
 				r.height = h;
 			} else {
-				const rect = this.getBoundingClientRect();
-				r.width = rect.width;
-				r.height = rect.height;
+				const { clientWidth, clientHeight } = this.offsetParent ?? {};
+				r.width = clientWidth;
+				r.height = clientHeight;
 			}
 		}
-		if (!r.width && !r.height) {
-			// don't show
+		if (this.classList.toggle("no-size", !r.width && !r.height)) {
+			// Image container must have dimensions
 			return;
 		}
 		if (crop.x != 50 || crop.y != 50 || crop.w != 100 || crop.h != 100) {

package/ui/loading.css

@@ -12,7 +12,7 @@
 	position:absolute;
 	width: 100%;
 	top: 50%;
-	margin-top: -0.5rem;
+	margin-top: -0.2rem;
 	line-height: 1rem;
 }