From c13d0cd16e83a9fa3ca481e323b9bdecc90cf5d9 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Tue, 28 Jun 2016 17:36:14 +0200 Subject: [PATCH] Using separate CSS class for dropdown caret --- .../files/js/WoltLab/WCF/Language/Chooser.js | 2 +- wcfsetup/install/files/style/ui/dropdown.scss | 15 +++++++-------- 2 files changed, 8 insertions(+), 9 deletions(-) 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; - } -} -- 2.20.1