Merge pull request #217 from dew326/updates-notifications

EZP-27911: Notification system
ezsystems · Dec 18, 2017 · 2866546 · 2866546
2 parents 5ab757c + f616894
commit 2866546
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/bundle/Resources/public/scss/_notifications.scss b/src/bundle/Resources/public/scss/_notifications.scss
@@ -5,9 +5,18 @@
     line-height: 2.25;
 
     .alert {
+        padding: 0.75rem 5rem;
         margin-bottom: 0;
+        border-radius: 0;
         transition: opacity 0.3s $ez-admin-transition;
 
+        .close {
+            opacity: 1;
+            top: 50%;
+            padding: 0 1.25rem;
+            cursor: pointer;
+        }
+
         &-success {
             background-color: $ez-color-positive;
             border-color: $ez-color-positive;

diff --git a/src/bundle/Resources/views/layout.html.twig b/src/bundle/Resources/views/layout.html.twig
@@ -76,7 +76,9 @@
                 {% for message in messages %}
                     <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
+                            <svg class="ez-icon ez-icon--light ez-icon-small">
+                                <use xlink:href="{{ asset('bundles/ezplatformadminui/img/ez-icons.svg') }}#circle-close"></use>
+                            </svg>
                         </button>
                         {{ message|trans }}
                     </div>