fix(link-control): reduce show-icon-labels css specificity

WordPress · Feb 22, 2023 · 3b42811 · 3b42811
1 parent 16d9149
commit 3b42811
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
@@ -14,7 +14,6 @@ $preview-image-height: 140px;
 }
 
 .block-editor-link-control {
-	$root: &;
 	position: relative;
 	min-width: $modal-min-width;
 
@@ -25,17 +24,15 @@ $preview-image-height: 140px;
 	}
 
 	.show-icon-labels & {
-		#{$root}__tools {
-			.components-button.has-icon {
-				// Hide the button icons when labels are set to display...
-				svg {
-					display: none;
-				}
-				// ... and display labels.
-				// Uses ::before as ::after is already used for active tab styling.
-				&::before {
-					content: attr(aria-label);
-				}
+		.components-button.has-icon {
+			// Hide the button icons when labels are set to display...
+			svg {
+				display: none;
+			}
+			// ... and display labels.
+			// Uses ::before as ::after is already used for active tab styling.
+			&::before {
+				content: attr(aria-label);
 			}
 		}
 	}