From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 7 May 2023 14:00:26 +0000 (+0200)
Subject: Fix the overflow toolbar behavior on mobile
X-Git-Tag: 6.0.0_Alpha_1~145
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=fb3be777c983e7fe8c51a020676900ce751e3537;p=GitHub%2FWoltLab%2FWCF.git

Fix the overflow toolbar behavior on mobile

Fixes WoltLab/editor#49
---

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index ef6e9e87b5..4580026d6f 100644
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -83,6 +83,7 @@
 	flex-shrink: 0;
 }
 
+.ck.ck-toolbar-dropdown .ck.ck-toolbar__items,
 .ck.ck-toolbar__grouped-dropdown .ck.ck-toolbar__items {
 	/* Allow shrinking when the toolbar is being nested. */
 	flex-shrink: 1;
@@ -283,7 +284,7 @@ html[data-color-scheme="dark"] {
 }
 
 @include screen-xs {
-	html.iOS  .ck.ck-content {
+	html.iOS .ck.ck-content {
 		/* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */
 		font-size: 16px;
 	}