Fix copy button on comment code block. (WordPress#527)

cbravobernal · Jul 19, 2024 · 5c98ac9 · 5c98ac9
1 parent 8b33d50
commit 5c98ac9
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss b/source/wp-content/themes/wporg-developer-2023/src/code-comments/style.scss
@@ -153,15 +153,17 @@ a):not(.wporg-developer-code-block a) {
 		display: none !important;
 	}
 
+	.wporg-developer-code-block .wp-code-block-button-container {
+		align-items: initial;
+	}
+
 	// Hide the file name in comments.
-	.wporg-developer-code-block {
-		.wp-code-block-button-container {
-			justify-content: end;
+	.wporg-developer-code-block .wp-code-block-button-container code {
+		display: none;
+	}
 
-			code {
-				display: none;
-			}
-		}
+	.wporg-developer-code-block .wp-code-block-button-container code + span {
+		grid-column: 2;
 	}
 }