From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 May 2023 11:39:12 +0000 (+0200)
Subject: Add a spacer for notices above the editor
X-Git-Tag: 6.0.0_Alpha_1~100^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=80195650ec21ca73e035be981a50ffeea422ee97;p=GitHub%2FWoltLab%2FWCF.git

Add a spacer for notices above the editor

Fixes WoltLab/com.woltlab.wbb#592
---

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index c629f1b55d..c974429733 100644
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -314,6 +314,12 @@ html[data-color-scheme="dark"] {
 	resize: none !important;
 }
 
+/* Add spacer for any notices displayed above the editor. */
+.wysiwygTextarea:not(:first-child),
+.wysiwygTextarea:not(:first-child) + .ck.ck-editor {
+	margin-top: 20px;
+}
+
 @include screen-xs {
 	html.iOS .ck.ck-content {
 		/* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */