From cc4a1b45e239658c2446ba83087fece1e75581cc Mon Sep 17 00:00:00 2001
From: bnjmnm <benm@umich.edu>
Date: Wed, 10 Aug 2022 08:44:45 -0400
Subject: [PATCH] Issue #3285049 by lauriii, nod_, catch, Wim Leers: Decide
what to do about CKEditor styles in core themes
---
core/modules/ckeditor/css/ckeditor.admin.css | 3 +++
core/modules/ckeditor/css/ckeditor.css | 6 ++++++
2 files changed, 9 insertions(+)
diff --git a/core/modules/ckeditor/css/ckeditor.admin.css b/core/modules/ckeditor/css/ckeditor.admin.css
index d1eff01f96a4..51429c0f0256 100644
--- a/core/modules/ckeditor/css/ckeditor.admin.css
+++ b/core/modules/ckeditor/css/ckeditor.admin.css
@@ -210,6 +210,9 @@
.ckeditor-buttons li a:active,
.ckeditor-multiple-buttons li a:focus {
z-index: 11; /* Ensure focused buttons show their outline on all sides. */
+ outline: 1px dotted #212121;
+ outline: 5px auto Highlight;
+ outline: 5px auto -webkit-focus-ring-color;
}
.ckeditor-buttons li:first-child a {
border-top-left-radius: 2px; /* LTR */
diff --git a/core/modules/ckeditor/css/ckeditor.css b/core/modules/ckeditor/css/ckeditor.css
index 400c6da9125e..567d35a03354 100644
--- a/core/modules/ckeditor/css/ckeditor.css
+++ b/core/modules/ckeditor/css/ckeditor.css
@@ -23,3 +23,9 @@
font-size: 14px;
-webkit-touch-callout: none;
}
+
+.cke.cke_chrome.cke_focus {
+ outline: 1px dotted #212121;
+ outline: 5px auto Highlight;
+ outline: 5px auto -webkit-focus-ring-color;
+}
--
GitLab