Fix border-radius inheritance by avatar image.

Addition of `:root` specificity in Core/Gutenberg seems to be overwriting this. See: WordPress/gutenberg#61638
x3p0-dev · Jun 9, 2024 · 5434ed7 · 5434ed7
1 parent f816d1d
commit 5434ed7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/public/css/blocks/core/avatar.asset.php b/public/css/blocks/core/avatar.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'e23a2b6e1727cc51a94e');
+<?php return array('dependencies' => array(), 'version' => 'b5db192c873cf02cdf6a');
diff --git a/public/css/blocks/core/avatar.css b/public/css/blocks/core/avatar.css
diff --git a/resources/scss/blocks/core/avatar.scss b/resources/scss/blocks/core/avatar.scss
@@ -25,10 +25,14 @@
 /// wrapper via the Selectors API in PHP so that links can inherit the radius
 /// from the wrapper.
 ///
+/// Gutenberg 18.5 (WP 6.6 cycle) overwrote this with its global styles specificity
+/// changes (addition of `:root`), so we needed to add the `!important`.
+/// @link https://github.com/WordPress/gutenberg/pull/61638
+///
 .wp-block-avatar > *,
 .wp-block-avatar__image,
 .wp-block-avatar__link {
-	border-radius: inherit;
+	border-radius: inherit !important;
 }
 
 // Ensures the `border-radius` applies.
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array(), 'version' => 'e23a2b6e1727cc51a94e');
		<?php return array('dependencies' => array(), 'version' => 'b5db192c873cf02cdf6a');