From: Sascha Greuel <github@1-2.dev>
Date: Thu, 15 Aug 2024 19:52:50 +0000 (+0200)
Subject: Fixed mobile menu icon display
X-Git-Tag: 6.1.0_Alpha_2~3^2^2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=41236e3652da8c5cf99c1e92614778355f5e61f1;p=GitHub%2FWoltLab%2FWCF.git

Fixed mobile menu icon display

See https://www.woltlab.com/community/thread/307709-mobil-men%C3%BC-dropdown-pfeil-zeigt-stets-nach-unten
---

diff --git a/wcfsetup/install/files/style/ui/pageMenu.scss b/wcfsetup/install/files/style/ui/pageMenu.scss
index 450968ebde..f1d22d5a33 100644
--- a/wcfsetup/install/files/style/ui/pageMenu.scss
+++ b/wcfsetup/install/files/style/ui/pageMenu.scss
@@ -128,12 +128,12 @@
 		top: 10px;
 	}
 
-	.icon {
+	fa-icon {
 		color: var(--wcfUserMenuText);
 		transform: rotate(0);
 	}
 
-	&[aria-expanded="true"] .icon {
+	&[aria-expanded="true"] fa-icon {
 		transform: rotate(180deg);
 	}
 }
@@ -221,7 +221,7 @@
 	&[aria-selected="true"] {
 		background-color: var(--wcfUserMenuBackgroundActive);
 
-		.icon {
+		fa-icon {
 			color: var(--wcfUserMenuTextActive);
 		}
 	}
@@ -238,7 +238,7 @@
 		width: 10px;
 	}
 
-	.icon {
+	fa-icon {
 		color: var(--wcfUserMenuText);
 	}
 }