re-add child selected border styles

WordPress · Jan 15, 2021 · 4611b99 · 4611b99
1 parent 2346080
commit 4611b99
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
@@ -89,3 +89,21 @@
 		box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
 	}
 }
+
+// Ensures a border is present when a child block is selected.
+.block-editor-block-list__block[data-type="core/template-part"] {
+	&.has-child-selected {
+		&::after {
+			top: $border-width;
+			bottom: $border-width;
+			left: $border-width;
+			right: $border-width;
+			border-radius: $radius-block-ui - $border-width; // Border is outset, so so subtract the width to achieve correct radius.
+			box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
+
+			.is-dark-theme & {
+				box-shadow: 0 0 0 $border-width-focus $dark-theme-focus;
+			}
+		}
+	}
+}