fix(notifications): raise z-index of div around notifications-container

to make sure they are always displayed on top (including hovered buttons)
geonetwork · Dec 11, 2024 · 00ae4a2 · 00ae4a2
1 parent 48c95d3
commit 00ae4a2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/metadata-editor/src/app/dashboard/dashboard-page.component.html b/apps/metadata-editor/src/app/dashboard/dashboard-page.component.html
@@ -4,7 +4,7 @@
       <md-editor-sidebar></md-editor-sidebar>
     </aside>
     <div class="relative grow flex flex-col">
-      <div class="absolute top-0 left-0 w-2/3 z-10 pointer-events-none">
+      <div class="absolute top-0 left-0 w-2/3 z-50 pointer-events-none">
         <gn-ui-notifications-container></gn-ui-notifications-container>
       </div>
       <router-outlet></router-outlet>

diff --git a/apps/metadata-editor/src/app/edit/edit-page.component.html b/apps/metadata-editor/src/app/edit/edit-page.component.html
@@ -5,7 +5,7 @@
   <div class="flex flex-col h-full w-full">
     <div class="w-full h-auto shrink-0 relative">
       <md-editor-top-toolbar></md-editor-top-toolbar>
-      <div class="absolute top-full left-0 w-2/3 z-10 pointer-events-none">
+      <div class="absolute top-full left-0 w-2/3 z-50 pointer-events-none">
         <gn-ui-notifications-container></gn-ui-notifications-container>
       </div>
     </div>