From b31e3db61a3cdca9f47bf01f01ee8a37cf1fb46d Mon Sep 17 00:00:00 2001
From: epiqueras <epiquerass@gmail.com>
Date: Tue, 25 Feb 2020 05:23:14 -0800
Subject: [PATCH] Block Editor: Improve focus overlay and add global tag to
 breadcrumbs.

---
 .../src/components/block-title/index.js             | 13 +++++++++++++
 .../src/components/block-title/style.scss           | 12 ++++++++++++
 .../src/components/inner-blocks/style.scss          |  2 +-
 packages/block-editor/src/style.scss                |  1 +
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 packages/block-editor/src/components/block-title/style.scss

diff --git a/packages/block-editor/src/components/block-title/index.js b/packages/block-editor/src/components/block-title/index.js
index 6834df11498922..b975cd18719233 100644
--- a/packages/block-editor/src/components/block-title/index.js
+++ b/packages/block-editor/src/components/block-title/index.js
@@ -29,6 +29,19 @@ export function BlockTitle( { name } ) {
 		return null;
 	}
 
+	// TODO: Infer this from `block.json` when we have block context.
+	// See https://github.com/WordPress/gutenberg/issues/19685.
+	if ( name === 'core/template-part' ) {
+		return (
+			<>
+				<span className="block-editor-block-title__global">
+					Global{ ' ' }
+				</span>
+				{ blockType.title }
+			</>
+		);
+	}
+
 	return blockType.title;
 }
 
diff --git a/packages/block-editor/src/components/block-title/style.scss b/packages/block-editor/src/components/block-title/style.scss
new file mode 100644
index 00000000000000..71d9822f2bc272
--- /dev/null
+++ b/packages/block-editor/src/components/block-title/style.scss
@@ -0,0 +1,12 @@
+.block-editor-block-title__global {
+	align-items: center;
+	background: #000;
+	border-radius: 2px;
+	color: #fff;
+	display: inline-flex;
+	height: 18px;
+	justify-content: center;
+	margin: auto 5px;
+	padding: 0 4px;
+	width: 39px;
+}
diff --git a/packages/block-editor/src/components/inner-blocks/style.scss b/packages/block-editor/src/components/inner-blocks/style.scss
index 774695fa750f15..e3749ba7ff2cb3 100644
--- a/packages/block-editor/src/components/inner-blocks/style.scss
+++ b/packages/block-editor/src/components/inner-blocks/style.scss
@@ -19,6 +19,6 @@
 }
 
 .block-editor-inner-blocks.is-controlled.is-selected {
-	box-shadow: 0 0 0 1600px rgba(0, 0, 0, 0.65);
+	box-shadow: 0 0 0 1600px rgba(200, 200, 200, 0.9);
 	padding: 1px 30px;
 }
diff --git a/packages/block-editor/src/style.scss b/packages/block-editor/src/style.scss
index 27ac1a3832f1da..4ad96a365071a9 100644
--- a/packages/block-editor/src/style.scss
+++ b/packages/block-editor/src/style.scss
@@ -20,6 +20,7 @@
 @import "./components/block-settings-menu/style.scss";
 @import "./components/block-styles/style.scss";
 @import "./components/block-switcher/style.scss";
+@import "./components/block-title/style.scss";
 @import "./components/block-types-list/style.scss";
 @import "./components/block-variation-picker/style.scss";
 @import "./components/button-block-appender/style.scss";