Using separate CSS class for dropdown caret

diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Language/Chooser.js b/wcfsetup/install/files/js/WoltLab/WCF/Language/Chooser.js
index f31932cac495eef8636322144f6923b5aac2f78a..f7de7dcaed4284e9a873e6b43437c972728d2348 100644 (file)
--- a/wcfsetup/install/files/js/WoltLab/WCF/Language/Chooser.js
+++ b/wcfsetup/install/files/js/WoltLab/WCF/Language/Chooser.js
@@ -89,7 +89,7 @@ define(['Dictionary', 'Language', 'Dom/Traverse', 'Dom/Util', 'ObjectMap', 'Ui/S
                        elHide(element);
                        
                        var dropdownToggle = elCreate('a');
-                       dropdownToggle.className = 'dropdownToggle boxFlag box24 inputPrefix' + (element.parentNode.nodeName === 'DD' ? ' button' : '');
+                       dropdownToggle.className = 'dropdownToggle dropdownIndicator boxFlag box24 inputPrefix' + (element.parentNode.nodeName === 'DD' ? ' button' : '');
                        container.appendChild(dropdownToggle);
                        
                        var dropdownMenu = elCreate('ul');

diff --git a/wcfsetup/install/files/style/ui/dropdown.scss b/wcfsetup/install/files/style/ui/dropdown.scss
index db37c165b97d6b6b6e9e347b106d60264288a074..0fda17190a36be563de3a65d68defe414c0b5d89 100644 (file)
--- a/wcfsetup/install/files/style/ui/dropdown.scss
+++ b/wcfsetup/install/files/style/ui/dropdown.scss
@@ -299,6 +299,13 @@
        }
 }
 
+.dropdownIndicator::after {
+       content: $fa-var-caret-down;
+       font-family: FontAwesome;
+       margin-left: 5px;
+}
+
+
 .boxFlag > .box24, .boxFlag.box24 {
        align-items: center;
        display: flex !important;
@@ -312,11 +319,3 @@
                display: inline-flex !important;
        }
 }
-
-.boxFlag.box24 {
-       &::after {
-               content: $fa-var-caret-down;
-               font-family: FontAwesome;
-               margin-left: 5px;
-       }
-}