featured image placeholder updated

rinkalpagdar · Dec 18, 2024 · e97d0ea · e97d0ea
1 parent f3ab0c2
commit e97d0ea
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/packages/fields/src/fields/featured-image/featured-image-view.tsx b/packages/fields/src/fields/featured-image/featured-image-view.tsx
@@ -32,6 +32,10 @@ export const FeaturedImageView = ( {
 				alt=""
 			/>
 		);
+	}else{
+		return(
+			<span className="fields-controls__featured-image-no-image"></span>
+		)
 	}
 
 	return <span className="fields-controls__featured-image-placeholder" />;

diff --git a/packages/fields/src/fields/featured-image/no-pictures.png b/packages/fields/src/fields/featured-image/no-pictures.png
diff --git a/packages/fields/src/fields/featured-image/style.scss b/packages/fields/src/fields/featured-image/style.scss
@@ -90,3 +90,18 @@ fieldset.fields-controls__featured-image {
 		display: block;
 	}
 }
+span.fields-controls__featured-image-no-image{
+	background-image: url('/wp-content/plugins/gutenberg/packages/fields/src/fields/featured-image/no-pictures.png');
+	position: absolute;
+    left: 0;
+    right: 0;
+    display: block;
+    z-index: 999;
+    height: 50%;
+    width: 50%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    transform: translateY(-50%);
+    top: 50%;
+    margin: 0 auto;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,6 +32,10 @@ export const FeaturedImageView = ( { @@
     				alt=""
     			/>
     		);
+    	}else{
+    		return(
+    			<span className="fields-controls__featured-image-no-image"></span>
+    		)
     	}
     	return <span className="fields-controls__featured-image-placeholder" />;
@@ Expand Down @@