Fixed animation on settingsmenu

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-11-05 00:00:30 +01:00
parent da88114962
commit c0aef3aebf
No known key found for this signature in database
GPG key ID: 2089A3431243E819
2 changed files with 10 additions and 9 deletions

View file

@ -32,17 +32,18 @@
@import 'share_credential';
@import 'settings';
#app-settings-content:not(.ng-hide) {
.hide-animation {
display: inherit !important;
padding: 0;
transition: height 0.15s ease-out;
transition: ease-in-out .5s;
}
#app-settings-content.ng-hide{
//display: inherit !important;
height: 0;
padding: 0;
transition: height 0.15s ease-in;
.hide-animation.ng-hide {
opacity: 0;
}
.ui-dialog{
z-index: 9999;
}

View file

@ -199,7 +199,7 @@ style('passman', 'app');
>{{ 'settings' | translate }}
</button>
</div>
<div id="app-settings-content" ng-show="settingsShown">
<div id="app-settings-content" class="hide-animation" ng-hide="!settingsShown">
<div class="settings-container-label">
<input class="checkbox" id="navbarLegacyMode" type="checkbox" ng-model="legacyNavbar" ng-change="legacyNavbarChecked()">