From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 28 Jun 2022 12:17:31 +0000 (+0200)
Subject: Explicitly define the text color in the mobile menu
X-Git-Tag: 5.5.0_RC_3~14^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0d0a2b1fafdf0a5e9a542f643193b363df6a73e8;p=GitHub%2FWoltLab%2FWCF.git

Explicitly define the text color in the mobile menu

The elements previously implicitly inherited the text color from the surrounding HTML context rather than the element itself. This caused the colors from the content area to bleed into the mobile menu.

See https://www.woltlab.com/community/thread/295243-pro-und-kontra-neues-kontrollzentrum/?postID=1897430#post1897430 ff
---

diff --git a/wcfsetup/install/files/style/ui/pageMenu.scss b/wcfsetup/install/files/style/ui/pageMenu.scss
index 246aa1f820..01e5867c15 100644
--- a/wcfsetup/install/files/style/ui/pageMenu.scss
+++ b/wcfsetup/install/files/style/ui/pageMenu.scss
@@ -19,6 +19,7 @@
 	--color-indicator: #{$wcfUserMenuIndicator};
 
 	background-color: var(--background-color);
+	color: var(--color);
 	grid-area: content;
 }
 
@@ -117,6 +118,7 @@
 	}
 
 	.icon {
+		color: var(--color);
 		transform: rotate(0);
 	}
 
@@ -220,6 +222,10 @@
 		top: 5px;
 		width: 10px;
 	}
+
+	.icon {
+		color: var(--color);
+	}
 }
 
 .pageMenuUserTabPanel {