Changeset 58634

Timestamp:

07/03/2024 10:45:35 AM (2 years ago)

Author:

karmatosed

Message:

Twenty Seventeen and Twenty Ten: Fixes gallery captions being at the bottom of images.

The margin specified in this theme caused issues when the gallery was placed in another block. This fix covers both themes as the selector is used within both.

Props pevogam, sabernhardt.
Fixes #58362.

Location:

trunk/src/wp-content/themes

Files:

• twentyeleven/blocks.css (modified) (4 diffs)
• twentyseventeen/assets/css/blocks.css (modified) (2 diffs)
• twentyten/blocks.css (modified) (1 diff)
• twentyten/editor-blocks.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyeleven/blocks.css

@@ -31 +31 @@
 }
 
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         color: #666;
         margin-bottom: 1.625em;
@@ -41 +41 @@
 }
 
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption:before {
         color: #666;
         content: '\2014';
@@ -53 +53 @@
 }
 
-.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+.rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         padding-left: 0;
         padding-right: 40px;
@@ -59 +59 @@
 }
 
-.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
+.rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption:before {
         left: 0;
         margin-left: 5px;

trunk/src/wp-content/themes/twentyseventeen/assets/css/blocks.css

@@ -21 +21 @@
 /* Captions */
 
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         font-style: italic;
         margin-bottom: 1.5em;
@@ -27 +27 @@
 }
 
-.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+.rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         text-align: right;
 }

trunk/src/wp-content/themes/twentyten/blocks.css

@@ -21 +21 @@
 /* Captions */
 
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         color: #777;
         font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

trunk/src/wp-content/themes/twentyten/editor-blocks.css

@@ -150 +150 @@
 /* Caption styles */
 
-[class^="wp-block-"] figcaption {
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
         color: #777;
         font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;