Merge pull request #162 from alleyinteractive/feature/LEDE-2686/more-…

…clean-up

LEDE-2686 Refine styles for Latest Posts block

README.md

@@ -4,7 +4,7 @@ Contributors: alleyinteractive
 
 Tags: alleyinteractive, wp-newsletter-builder
 
-Stable tag: 0.3.33
+Stable tag: 0.3.34
 
 Requires at least: 6.2
 

block-filters/latest-posts/index.tsx

@@ -20,11 +20,6 @@ function modifyLatestPostsSupports(settings, name) {
   ) {
     return {
       ...settings,
-      attributes: Object.assign(settings.attributes, {
-        excerptLength: {
-          default: 20,
-        },
-      }),
       category: 'wp-newsletter-builder-newsletter',
       supports: Object.assign(settings.supports, {
         align: [],

plugin.php

@@ -3,7 +3,7 @@
  * Plugin Name: Newsletter Builder
  * Plugin URI: https://github.com/alleyinteractive/wp-newsletter-builder
  * Description: Interface to manage email newsletters
- * Version: 0.3.33
+ * Version: 0.3.34
  * Author: Alley Interactive
  * Author URI: https://github.com/alleyinteractive/wp-newsletter-builder
  * Requires at least: 6.2

scss/core-blocks/latest-posts.scss

@@ -21,12 +21,14 @@
     width: 100%;
 
     > * {
-      margin: 16px;
+      margin-bottom: 16px;
+      margin-top: 16px;
     }
   }
 
   img {
     max-width: 250px;
+    width: 250px;
   }
 
   .wp-block-latest-posts__post-title {
@@ -51,7 +53,7 @@
       width: 100%;
 
       img {
-        max-width: 90%;
+        max-width: 100%;
         width: 100%;
       }
     }
@@ -87,11 +89,24 @@
     li {
       display: block;
       width: 100%;
+
+      div {
+        display: block;
+        float: none;
+      }
     }
 
-    img {
-      max-width: 100%;
+    .wp-block-latest-posts__featured-image.alignleft,
+    .wp-block-latest-posts__featured-image.alignright {
+      display: block;
+      float: none;
       width: 100%;
+
+      img {
+        display: block;
+        max-width: 100%;
+        width: 100%;
+      }
     }
   }
 }