IBX-1890: Added actions block to alerts (#265)

ezsystems · Jan 29, 2022 · 9583740 · 9583740
1 parent a9cd54b
commit 9583740
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/bundle/Resources/public/scss/_alerts.scss b/src/bundle/Resources/public/scss/_alerts.scss
@@ -1,7 +1,7 @@
 .ibexa-alert {
     display: grid;
-    grid-template: 'icon content close-btn';
-    grid-template-columns: calculateRem(32px) auto calculateRem(32px);
+    grid-template: 'icon content actions close-btn';
+    grid-template-columns: calculateRem(32px) 1fr auto calculateRem(32px);
     grid-column-gap: calculateRem(8px);
     padding: calculateRem(16px) calculateRem(19px);
     border-radius: 0 $ibexa-border-radius $ibexa-border-radius 0;
@@ -23,6 +23,10 @@
         margin-top: calculateRem(-6px);
     }
 
+    &__actions {
+        grid-area: actions;
+    }
+
     &__content {
         grid-area: content;
         display: flex;

diff --git a/src/bundle/Resources/views/themes/admin/ui/component/alert/alert.html.twig b/src/bundle/Resources/views/themes/admin/ui/component/alert/alert.html.twig
@@ -48,6 +48,11 @@
             {% endblock %}
         </div>
     {% endblock %}
+    {% block actions_wrapper %}
+        <div class="ibexa-alert__actions">
+            {% block actions %}{% endblock %}
+        </div>
+    {% endblock %}
     {% block close_btn %}
         {% if show_close_btn|default(false) %}
             <button class="btn ibexa-btn ibexa-btn--ghost ibexa-btn--small ibexa-btn--no-text ibexa-alert__close-btn" data-bs-dismiss="alert">