messages: fix top margin in flashed messages

inveniosoftware · Jun 17, 2020 · 7b67098 · 7b67098
1 parent c6ac042
commit 7b67098
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/collections/message.overrides b/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/collections/message.overrides
@@ -0,0 +1,4 @@
+.ui.flashed.message {
+    margin-top: 0;
+    border-radius: 0;
+}
diff --git a/invenio_theme/templates/semantic-ui/invenio_theme/macros/messages.html b/invenio_theme/templates/semantic-ui/invenio_theme/macros/messages.html
@@ -10,7 +10,7 @@
   {%- block messages %}
     {%- for category, msg in get_flashed_messages(with_categories=True) %}
       {%- set category = 'info' if category not in ['info', 'error', 'warning', 'success'] else category %}
-      <div class="ui {{ category }} message">
+      <div class="ui {{ category }} flashed message">
         <div class="container">
             <p>{{ msg }}</p>
         </div>