WPBuddy · benlk · Jul 17, 2019 · May 15, 2019 · May 15, 2019 · May 16, 2019
diff --git a/changelog.md b/changelog.md
@@ -20,6 +20,7 @@ though this project doesn't succeed in adhering to [Semantic Versioning](https:/
 - Fixes a `ReferenceError` in navigation menu JavaScript. [Pull request #1715](https://github.com/INN/largo/pull/1715) for [issue #1714](https://github.com/INN/largo/issues/1714).
 - Fixes an undefined variable error in certain edge cases of the site `og:description` and `description` meta tags. [Pull request #1724](https://github.com/INN/largo/pull/1724) for [issue #1721](https://github.com/INN/largo/issues/1721).
 - Co-Authors Plus profile field descriptions no longer contain escaped HTML. [Pull request #1726](https://github.com/INN/largo/pull/1726) for [issue #1720](https://github.com/INN/largo/issues/1720).
+- Added `box-sizing: border-box;` style attribute to `figcaption` and `.wp-caption-text` elements to prevent caption text from overflowing from the parent container. Also modified Gutenberg block image caption styling to be consistent with the classic image caption styling when the image is expanded into a lightbox. [Pull request #1711](https://github.com/INN/largo/pull/1711) for [issue #1702](https://github.com/INN/largo/issues/1702).
 - Fixes multiple `Undefined variable: post` errors in `homepage/templates/top-stories.php`. [Pull request #1728](https://github.com/INN/largo/pull/1728) for [issue #1723](https://github.com/INN/largo/issues/1723).
 
 ## [Largo 0.6.3](https://github.com/INN/largo/compare/v0.6.2...v0.6.3)

diff --git a/css/editor-style.css b/css/editor-style.css
diff --git a/css/editor-style.min.css b/css/editor-style.min.css
diff --git a/css/gutenberg.css b/css/gutenberg.css
diff --git a/css/gutenberg.min.css b/css/gutenberg.min.css
diff --git a/css/style.css b/css/style.css
diff --git a/css/style.min.css b/css/style.min.css
diff --git a/less/inc/blocks.less b/less/inc/blocks.less
@@ -36,6 +36,18 @@
     > figcaption {
       display: table-caption;
       caption-side: bottom;
+      box-sizing: border-box;
+    }
+  }
+}
+.wp-block-gallery {
+  .blocks-gallery-image,
+  .blocks-gallery-item {
+    figcaption {
+      box-sizing: border-box;
+      text-align: left; // override Gutenberg's figcaption centering
+      padding: 10px; // reduce blank space, because clicking on the figcaption doesn't trigger a click on the image to open the gallery.
+      max-height: 50%; // to prevent very long captions from covering the image.
     }
   }
 }