From 61b8641dd2f065c88b4bcb0f590ab0c91dd25b5d Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 25 Sep 2024 13:31:10 +0200
Subject: [PATCH] Fix the styling of the accessibility dialog
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

It’s not perfect but comes close to the appearance of our dialogs.

See https://www.woltlab.com/community/thread/307927-ckeditor-hilfefenster-schrift-im-dunklen-farbschema-kaum-lesbar-layout-schief/
---
 wcfsetup/install/files/style/ui/ckeditor.scss | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index bb43de2a6a..36dc947e99 100644
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -654,3 +654,33 @@ html.iOS {
 		order: 2;
 	}
 }
+
+@media (pointer: coarse) {
+	/* The resize controls are not supported on touch devices.
+	   See https://github.com/ckeditor/ckeditor5/issues/5624 */
+	.ck .ck-widget__resizer {
+		display: none !important;
+	}
+}
+
+/* Accessiblity Dialog */
+.ck.ck-dialog {
+	--ck-accessibility-help-dialog-border-color: var(--wcfContentBorderInner);
+	--ck-color-dialog-form-header-border: var(--wcfContentBorderInner);
+	--ck-accessibility-help-dialog-code-background-color: transparent;
+
+	background-color: var(--wcfContentBackground);
+	border-radius: var(--wcfBorderRadiusContainer);
+	box-shadow: var(--wcfBoxShadow);
+	color: var(--wcfContentText);
+
+	dl:not(.plain) {
+		&:not(:first-child) {
+			margin-top: 0;
+		}
+
+		> :is(dt:not(:empty), dd:not(:last-child)) {
+			margin-bottom: 0;
+		}
+	}
+}
-- 
2.20.1