messages: add z-index

inveniosoftware · Jul 24, 2023 · de5f5e8 · de5f5e8
1 parent 00023f0
commit de5f5e8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
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
@@ -3,9 +3,9 @@
 ***********************************************/
 
 .ui.flashed.message {
-    margin-top: 0;
     border-radius: 0;
-    padding: 2px 0;
+    padding: 1px 0;
+    z-index: 1000;
 
     .ui.button.close-btn {
       background-color: transparent;

diff --git a/invenio_theme/templates/semantic-ui/invenio_theme/macros/messages.html b/invenio_theme/templates/semantic-ui/invenio_theme/macros/messages.html
@@ -22,7 +22,7 @@
         {%- set secondColWidth = 'two wide tablet one wide computer' %}
       {% endif %}
 
-      <div class="ui {{ category }} flashed message">
+      <div class="ui {{ category }} flashed message m-0">
         <div class="ui middle aligned grid {{gridClass}}">
 
           <div role="alert" id="flash-message" class="{{ firstColWidth }} left aligned column">