From: Alexander Ebert Date: Tue, 28 Jun 2016 15:36:14 +0000 (+0200) Subject: Using separate CSS class for dropdown caret X-Git-Tag: 3.0.0_Beta_1~1328 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=c13d0cd16e83a9fa3ca481e323b9bdecc90cf5d9;p=GitHub%2FWoltLab%2FWCF.git 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 f31932cac4..f7de7dcaed 100644 --- 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 db37c165b9..0fda17190a 100644 --- 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; - } -}