SONAR-12480 Left part of the layout is broken in several pages on Microsoft IE11...

diff --git a/server/sonar-web/src/main/js/app/styles/components/page.css b/server/sonar-web/src/main/js/app/styles/components/page.css
index fc4696d9216585803a0e060530a98974c63a6c12..104950766a0e5a4e99856e4faed256c215378d1b 100644 (file)
--- a/server/sonar-web/src/main/js/app/styles/components/page.css
+++ b/server/sonar-web/src/main/js/app/styles/components/page.css
@@ -259,12 +259,11 @@
   flex-grow: 0;
   flex-shrink: 0;
   background-color: var(--barBackgroundColor);
-  z-index: 100;
 }
 
 .layout-page-side {
   position: fixed;
-  z-index: 40;
+  z-index: var(--pageSideZIndex);
   top: 30px;
   bottom: 0;
   left: 0;

diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js
index 4dcf95ab3128dbdf39711ec18938e3a825aecbb7..d8417104bf47905fd5ae0233c5f1f14768fbcdcd 100644 (file)
--- a/server/sonar-web/src/main/js/app/theme.js
+++ b/server/sonar-web/src/main/js/app/theme.js
@@ -170,6 +170,7 @@ module.exports = {
 
     // ui elements
     pageMainZIndex: '50',
+    pageSideZIndex: '51',
 
     tooltipZIndex: '8000',