Gallery Block: Adding a loading style

WordPress · Jan 19, 2018 · 7a9ae55 · 7a9ae55
1 parent a4b96f0
commit 7a9ae55
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/blocks/library/gallery/editor.scss b/blocks/library/gallery/editor.scss
@@ -9,6 +9,10 @@
 		outline: 4px solid $blue-medium-500;
 		outline-offset: -4px;
 	}
+
+	&.is-transient img {
+		@include loading_fade;
+	}
 }
 
 .blocks-gallery-item__inline-menu {

diff --git a/blocks/library/gallery/gallery-image.js b/blocks/library/gallery/gallery-image.js
@@ -38,6 +38,7 @@ class GalleryImage extends Component {
 
 		const className = classnames( {
 			'is-selected': isSelected,
+			'is-transient': 0 === url.indexOf( 'blob:' ),
 		} );
 
 		// Disable reason: Each block can be selected by clicking on it and we should keep the same saved markup