From 7eda63abbb6ec7eef65750a7a61efc01903f38cf Mon Sep 17 00:00:00 2001
From: Alex Pott <alex.a.pott@googlemail.com>
Date: Sun, 15 May 2022 22:27:35 +0100
Subject: [PATCH] Issue #3277552 by Hebl, Asha Nair, rootwork, Charles Belov:
 Seven is missing focus in "Available buttons" and "Active toolbar" within
 CKEditor toolbar configuration Primary tab

(cherry picked from commit 5c2b568cbeb1e272e40e386a5f263aedfdc02395)
---
 core/themes/seven/css/theme/ckeditor-admin.css | 15 +++++++++++++++
 core/themes/seven/seven.info.yml               |  1 +
 core/themes/seven/seven.libraries.yml          |  6 ++++++
 3 files changed, 22 insertions(+)
 create mode 100644 core/themes/seven/css/theme/ckeditor-admin.css

diff --git a/core/themes/seven/css/theme/ckeditor-admin.css b/core/themes/seven/css/theme/ckeditor-admin.css
new file mode 100644
index 00000000000..7214a24bcde
--- /dev/null
+++ b/core/themes/seven/css/theme/ckeditor-admin.css
@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Seven specific styling for CKEditor admin.
+ */
+
+/*
+ * This rule is needed to provide Seven's blue focus outline.
+ */
+.ckeditor-toolbar-disabled .ckeditor-buttons li a:focus {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+}
+
+.ckeditor-toolbar-active .ckeditor-buttons li a:focus {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
+}
diff --git a/core/themes/seven/seven.info.yml b/core/themes/seven/seven.info.yml
index f02a6f0a862..82828e9f93a 100644
--- a/core/themes/seven/seven.info.yml
+++ b/core/themes/seven/seven.info.yml
@@ -52,6 +52,7 @@ libraries-override:
 libraries-extend:
   core/ckeditor:
     - seven/ckeditor-dialog
+    - seven/ckeditor-admin
   core/drupal.autocomplete:
     - seven/seven.jquery.ui
   core/drupal.dialog:
diff --git a/core/themes/seven/seven.libraries.yml b/core/themes/seven/seven.libraries.yml
index a4a687e3fd0..72a214dfccb 100644
--- a/core/themes/seven/seven.libraries.yml
+++ b/core/themes/seven/seven.libraries.yml
@@ -137,6 +137,12 @@ seven.drupal.dialog:
     theme:
       css/components/dialog.css: {}
 
+ckeditor-admin:
+  version: VERSION
+  css:
+    theme:
+      css/theme/ckeditor-admin.css: {}
+
 ckeditor-dialog:
   version: VERSION
   css: