Move login error to common error style
Created a generic error class, have the login error inherit it.
Tested: Verified the login error looks the same.
Change-Id: Ief373fa37ea655cfcb544861a4e540abbe65f77e
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
diff --git a/app/login/controllers/login-controller.html b/app/login/controllers/login-controller.html
index ec88c0b..dbbe695 100644
--- a/app/login/controllers/login-controller.html
+++ b/app/login/controllers/login-controller.html
@@ -23,7 +23,7 @@
<input id="login__submit" class="btn-primary submit" type="button" value="Log in" role="button" ng-click="login(host, username, password)" ng-class="{error: error}" ng-disabled="dataService.loading">
- <p class="login__error-msg" role="alert" ng-if="error">{{description}}</p>
+ <p class="login__error-msg error-msg" role="alert" ng-if="error">{{description}}</p>
</form>
</div>
</div>
diff --git a/app/login/styles/index.scss b/app/login/styles/index.scss
index b4319e9..1499c93 100644
--- a/app/login/styles/index.scss
+++ b/app/login/styles/index.scss
@@ -106,16 +106,7 @@
}
.login__error-msg {
- background: lighten($error-color, 20%);
- padding: 1em;
- text-align: center;
- font-size: 1em;
- border: 1px solid $error-color;
- color: $black;
- font-family: "Courier New", Helvetica, Arial, sans-serif;
- font-weight: 700;
-
@include mediaQuery(medium) {
max-width: 100%;
}
-}
\ No newline at end of file
+}