Fix the arrow direction in the content language picker

This commit is contained in:
Kenn Jacobsen
2020-08-04 11:53:04 +02:00
committed by Sebastiaan Janssen
parent cdd560a7d1
commit 9130695055
3 changed files with 3 additions and 2 deletions

View File

@@ -24,6 +24,7 @@
.umb-language-picker__expand {
font-size: 14px;
pointer-events: none;
}
.umb-language-picker__toggle:hover {

View File

@@ -21,7 +21,7 @@
<div class="umb-language-picker" ng-if="vm.showLanguageSelector && vm.languages.length > 1" on-outside-click="vm.page.languageSelectorIsOpen = false" style="padding-bottom: 5px">
<button class="umb-language-picker__toggle btn-reset" ng-click="vm.toggleLanguageSelector()">
<span>{{vm.selectedLanguage.name}}</span>
<umb-icon icon="icon-navigation-right" class="umb-language-picker__expand" ng-class="{'icon-navigation-down': !vm.languageSelectorIsOpen, 'icon-navigation-up': vm.languageSelectorIsOpen}" class="icon-navigation-right"></umb-icon>
<umb-icon icon="{{vm.languageSelectorIsOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-language-picker__expand icon-navigation-down"></umb-icon>
</button>
<div class="umb-language-picker__dropdown" ng-if="vm.languageSelectorIsOpen">
<button class="btn-reset" ng-click="vm.selectLanguage(language)" ng-repeat="language in vm.languages">{{language.name}}</button>

View File

@@ -15,7 +15,7 @@
</span>
<span>{{selectedLanguage.name}}</span>
</span>
<umb-icon icon="icon-navigation-right" class="umb-language-picker__expand" ng-class="{'icon-navigation-down': !page.languageSelectorIsOpen, 'icon-navigation-up': page.languageSelectorIsOpen}" class="icon-navigation-right" aria-hidden="true">&nbsp;</umb-icon>
<umb-icon icon="{{page.languageSelectorIsOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-language-picker__expand icon-navigation-down" aria-hidden="true">&nbsp;</umb-icon>
</button>
<div class="umb-language-picker__dropdown" ng-if="page.languageSelectorIsOpen">
<button