From b0e59ae244c03ccf06d1512efdef3a77d6cd195c Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 22 Dec 2022 11:38:55 +0200
Subject: [PATCH] Fix z-indexes for dashboard elements

---
 less/dashboard.less | 44 +++++++++++++++++++++++++++++---------------
 1 file changed, 29 insertions(+), 15 deletions(-)

diff --git a/less/dashboard.less b/less/dashboard.less
index c9060b0..338b7a2 100644
--- a/less/dashboard.less
+++ b/less/dashboard.less
@@ -39,10 +39,14 @@
 @dashboard-page-content-sticky-border-width: @global-border-width;
 @dashboard-page-content-sticky-border: @global-border;
 
+@dashboard-page-content-header-z-index: @dashboard-z-index;
 @dashboard-page-content-header-info-height: @global-header-height - 20px;
 @dashboard-page-content-header-info-img-max-height: @dashboard-page-content-header-info-height;
 @dashboard-page-content-header-info-img-max-width: 180px;
 
+@dashboard-page-content-actions-z-index: @dashboard-z-index - 1;
+@dashboard-page-content-inner-z-index: @dashboard-z-index - 2;
+
 @dashboard-pages: #page_content, openaire-user  > user > div, openaire-error  > div;
 @dashboard-elements: #page_content .message, bottom > div;
 
@@ -173,30 +177,35 @@
       text-align: center;
     }
 
-    #page_content_header.uk-sticky,
-    #page_content_actions.uk-sticky {
-      z-index: @dashboard-z-index;
-
-      &.uk-active:not(:has(*:last-child.uk-tab)) {
-        border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
+    #page_content_header,
+    #page_content_actions {
+      &:not(.uk-sticky) {
+        position: relative;
       }
 
-      &:has(*:last-child.uk-tab) {
-        & .header , & .actions {
+      &.uk-sticky {
+        &.uk-active:not(:has(*:last-child.uk-tab)) {
           border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
         }
-      }
 
-      & .uk-tab {
-        margin-bottom: 0;
-      }
+        &:has(*:last-child.uk-tab) {
+          & .header , & .actions {
+            border-bottom: @dashboard-page-content-sticky-border-width solid @dashboard-page-content-sticky-border;
+          }
+        }
 
-      & *:last-child.uk-tab:before {
-        content: none;
+        & .uk-tab {
+          margin-bottom: 0;
+        }
+
+        & *:last-child.uk-tab:before {
+          content: none;
+        }
       }
     }
 
     #page_content_header {
+      z-index: @dashboard-page-content-header-z-index;
       overflow-x: hidden;
 
       .info {
@@ -209,13 +218,18 @@
         }
       }
     }
+
+    #page_content_actions {
+      z-index: @dashboard-page-content-actions-z-index;
+    }
+
   }
 
   @{dashboard-pages} {
     min-height: calc(100vh - @dashboard-header-height);
     background-color: @dashboard-page-content-background;
     position: relative;
-    z-index: @dashboard-z-index - 1;
+    z-index: @dashboard-page-content-inner-z-index;
   }
 
   /* No sidebar */