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 450968ebde28ae69763df6292f4ce80f1b5d64b0..f1d22d5a330d54fd5a7dae1d6c58274a04df84b7 100644 (file)
--- 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);
        }
 }