Changeset 58207

Timestamp:

05/27/2024 12:41:32 PM (5 months ago)

Author:

karmatosed

Message:

Twenty Seventeen: Resolves image block caption text alignment inconsitency.

The caption for image block was misaligned. The issue appeared in 5.8 due to the block class name change making the selector meaningless. This is resolved by a change in the selectors.

Props nkeller15, sabernhardt, thakordarshil, anilvaza, shailu25, pavanpatil1, darshitrajyaguru97.
Fixes #58539.

File:

• trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css (modified) (2 diffs)

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

@@ -459 +459 @@
 }
 
-/* Caption styles*/
-
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+/* Caption styles */
+
+[class^="wp-block-"]:not(.wp-block-gallery) > figcaption,
+[class*=" wp-block-"]:not(.wp-block-gallery) > figcaption {
     font-style: italic;
     margin-bottom: 1.5em;
@@ -467 +468 @@
 }
 
-.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
+.rtl [class^="wp-block-"]:not(.wp-block-gallery) > figcaption,
+.rtl [class*=" wp-block-"]:not(.wp-block-gallery) > figcaption,
+[dir="rtl"] [class^="wp-block-"]:not(.wp-block-gallery) > figcaption,
+[dir="rtl"] [class*=" wp-block-"]:not(.wp-block-gallery) > figcaption {
     text-align: right;
 }