Always show "new gallery item" below the gallery

Added `has-add-item-button` class to the corresponding `li` element. Added `has-add-item-button` class css for the desired effect.
WordPress · Jun 24, 2018 · 010a6d4 · 010a6d4
1 parent b299f4f
commit 010a6d4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/core-blocks/gallery/edit.js b/core-blocks/gallery/edit.js
@@ -263,7 +263,7 @@ class GalleryEdit extends Component {
 						</li>
 					) ) }
 					{ isSelected &&
-						<li className="blocks-gallery-item">
+						<li className="blocks-gallery-item has-add-item-button">
 							<FormFileUpload
 								multiple
 								isLarge

diff --git a/core-blocks/gallery/style.scss b/core-blocks/gallery/style.scss
@@ -74,6 +74,13 @@
 		}
 	}
 
+	// Apply max-width to gallery item that contains the add new gallery item button
+	.blocks-gallery-item {
+		&.has-add-item-button {
+			width: 100%;
+		}
+	}
+
 	// Apply max-width to floated items that have no intrinsic width
 	[data-align="left"] &,
 	[data-align="right"] &,