From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 May 2023 11:38:48 +0000 (+0200)
Subject: Improve the visuals of the editor while being initialized
X-Git-Tag: 6.0.0_Alpha_1~100^2~2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=603a09d0f81bfd0c10a65005f8c5c66393c6f18c;p=GitHub%2FWoltLab%2FWCF.git

Improve the visuals of the editor while being initialized
---

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index c7480f9018..c629f1b55d 100644
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -304,6 +304,16 @@ html[data-color-scheme="dark"] {
 	margin: 0 0 20px 20px;
 }
 
+/* Fake visuals for the WYSIWYG editor while it is still loading. */
+.wysiwygTextarea {
+	background-color: var(--wcfContentContainerBackground) !important;
+	border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0 !important;
+	border-color: var(--wcfContentBorderInner) !important;
+	cursor: not-allowed !important;
+	height: 240px !important;
+	resize: none !important;
+}
+
 @include screen-xs {
 	html.iOS .ck.ck-content {
 		/* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */