add active state to language dropdown

This commit is contained in:
Mads Rasmussen
2018-02-22 10:08:27 +01:00
parent a13711318e
commit 725fec5b3c
2 changed files with 7 additions and 2 deletions

View File

@@ -159,6 +159,11 @@ a.umb-editor-header__close-split-view:hover {
border-bottom: none;
}
.umb-variant-switcher_item--current .umb-variant-switcher__name-wrapper {
background-color: @gray-10;
border-left: 2px solid @turquoise;
}
.umb-variant-switcher__item:hover,
.umb-variant-switcher__item:focus,
.umb-variant-switcher__name-wrapper:hover,
@@ -174,11 +179,11 @@ a.umb-editor-header__close-split-view:hover {
.umb-variant-switcher__name-wrapper {
font-size: 14px;
padding: 5px 20px;
flex: 1;
cursor: pointer;
padding-top: 6px;
padding-bottom: 6px;
border-left: 2px solid transparent;
}
.umb-variant-switcher__name {

View File

@@ -55,7 +55,7 @@
<ins class="umb-variant-switcher__expand" ng-class="{'icon-navigation-down': !vm.dropdownOpen, 'icon-navigation-up': vm.dropdownOpen}">&nbsp;</ins>
</a>
<umb-dropdown ng-if="vm.dropdownOpen" style="width: 100%; max-height: 250px; overflow: scroll; margin-top: 5px;" on-close="vm.dropdownOpen = false" umb-keyboard-list>
<umb-dropdown ng-if="vm.dropdownOpen" style="width: 100%; max-height: 250px; overflow-y: scroll; margin-top: 5px;" on-close="vm.dropdownOpen = false" umb-keyboard-list>
<umb-dropdown-item class="umb-variant-switcher__item" ng-class="{'umb-variant-switcher_item--current': variant.current}" ng-repeat="variant in variants">
<a href="" class="umb-variant-switcher__name-wrapper" ng-click="selectVariant($event, variant)" prevent-default>
<span class="umb-variant-switcher__name">{{variant.cultureDisplayName}}</span>