GalleryBlock: remove unused CSS and cleanup front-end. (#2291)

Remove unused CSS and cleanup front-end. Prevent aligncenter classes (often defined with themes) from removing flex.
WordPress · Aug 10, 2017 · a6cf4e3 · a6cf4e3
1 parent ca1eeda
commit a6cf4e3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 26 deletions.
diff --git a/blocks/library/gallery/block.scss b/blocks/library/gallery/block.scss
@@ -1,12 +1,8 @@
-.wp-block-gallery {
+.wp-block-gallery,
+.wp-block-gallery.aligncenter {
  display: flex;
  flex-wrap: wrap;
 
- &:not( .components-placeholder ) {
- margin-right: -16px;
- margin-bottom: -16px;
- }
-
  .blocks-gallery-image {
  flex-grow: 1;
  margin: 0 16px 16px 0;

diff --git a/blocks/library/gallery/style.scss b/blocks/library/gallery/style.scss
@@ -1,23 +1,6 @@
-.wp-block-gallery.is-placeholder {
- margin: -15px;
- padding: 6em 0;
- border: 2px solid $light-gray-500;
- text-align: center;
-}
-
-.blocks-gallery__placeholder-label {
- display: flex;
- align-items: center;
- justify-content: center;
- font-weight: bold;
-
- .dashicon {
- margin-right: 1ch;
- }
-}
-
-.blocks-gallery__placeholder-instructions {
- margin: 1.8em 0;
+.wp-block-gallery:not( .components-placeholder ) {
+ margin-right: -16px;
+ margin-bottom: -16px;
 }
 
 .editor-visual-editor__block[data-type="core/gallery"] .editor-visual-editor__block-edit {