fix(ui): Add alert icons (#183)

zhcet-amu · Aug 18, 2018 · 6f3df0b · 6f3df0b
1 parent c07fc01
commit 6f3df0b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css
@@ -147,4 +147,9 @@ i.gray {
 
 .form-control-position > i.material-icons {
     margin-bottom: 8px;
+}
+
+.alert-icon > i.material-icons {
+    margin-top: -3px;
+    color: rgba(255, 255, 255, 0.9);
 }
diff --git a/src/main/resources/templates/fragments/toolbar.html b/src/main/resources/templates/fragments/toolbar.html
@@ -23,9 +23,11 @@ <h6 class="float-md-right capsule p-small bg-primary text-white text-center" th:
     </div>
     <div th:unless="${hide_warnings}" sec:authorize="isAuthenticated()" class="content-header-lead col-12">
         <div sec:authorize="!principal.emailVerified" class="alert alert-icon-left alert-arrow-left alert-danger bg-danger" role="alert">
+            <span class="alert-icon"><i class="material-icons">error</i></span>
             <strong>Verify Email!</strong> Your email is not verified, and hence we can't allow allow you to do many things including changing your password
         </div>
         <div sec:authorize="!principal.passwordChanged" class="alert alert-icon-left alert-arrow-left alert-warning bg-orange" role="alert">
+            <span class="alert-icon"><i class="material-icons">warning</i></span>
             <strong>Password Unchanged!</strong> You have not changed your password, and it may lead to your account being hacked!
         </div>
     </div>