fix font for login modal alerts

This commit is contained in:
John Mitchell 2016-01-22 14:59:26 -05:00
parent 22e9ecdcfc
commit 8c8db4c49a
2 changed files with 17 additions and 4 deletions

View File

@ -81,6 +81,7 @@
.LoginModal-alert {
opacity: 1;
display: flex;
}
.LoginModal-alert.ng-hide {

View File

@ -14,16 +14,28 @@
Welcome to Ansible Tower!  Please sign in.
</div>
<div class="LoginModal-alert LoginModal-alert--error" ng-show="sessionExpired">
<i class="LoginModal-alertIcon fa fa-exclamation-triangle">Your session timed out due to inactivity. Please sign in.</i>
<i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
<div class="LoginModal-alertText">
Your session timed out due to inactivity. Please sign in.
</div>
</div>
<div class="LoginModal-alert LoginModal-alert--error" ng-show="sessionLimitExpired">
<i class="LoginModal-alertIcon fa fa-exclamation-triangle">Maximum per-user sessions reached. Please sign in.</i>
<i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
<div class="LoginModal-alertText">
Maximum per-user sessions reached. Please sign in.
</div>
</div>
<div class="LoginModal-alert LoginModal-alert--error" ng-show="attemptFailed">
<i class="LoginModal-alertIcon fa fa-exclamation-triangle">Invalid username and/or password. Please try again.</i>
<i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
<div class="LoginModal-alertText">
Invalid username and/or password. Please try again.
</div>
</div>
<div class="LoginModal-alert LoginModal-alert--error" ng-show="thirdPartyAttemptFailed">
<i class="LoginModal-alertIcon fa fa-exclamation-triangle">{{ thirdPartyAttemptFailed }}</i>
<i class="LoginModal-alertIcon fa fa-exclamation-triangle"></i>
<div class="LoginModal-alertText">
{{ thirdPartyAttemptFailed }}
</div>
</div>
<form id="login-form"
name="loginForm"