IBX-10848: Changed notifications z-index to cover help center btn (#1754)

Author: albozek

src/bundle/Resources/public/img/ibexa-icons.svg

@@ -25,6 +25,8 @@
             return false;
         });
 
+        const maxExtraPadding = Math.max(...buttonsToRender.map((config) => config.extraBottomPadding || 2));
+
         buttonsToRender.forEach((buttonConfig, index) => {
             const { container } = buttonConfig;
 
@@ -36,7 +38,7 @@
             container.style.right = '2rem';
             container.style.zIndex = buttonConfig.zIndex || 1040;
 
-            const bottomPosition = `${index * ACTION_BTN_VERTICAL_SPACING + 2}rem`;
+            const bottomPosition = `${index * ACTION_BTN_VERTICAL_SPACING + maxExtraPadding}rem`;
 
             container.style.bottom = bottomPosition;
         });

src/bundle/Resources/public/img/icons/help-alt.svg

@@ -11,6 +11,7 @@
         opacity: 0;
         visibility: hidden;
         transition: opacity $ibexa-admin-transition-duration $ibexa-admin-transition;
+        box-shadow: $ibexa-edit-header-box-shadow;
 
         &--visible {
             opacity: 1;

src/bundle/Resources/public/js/scripts/quick.action.manager.js

@@ -3,7 +3,7 @@
     bottom: 0;
     right: calculateRem(32px);
     width: calculateRem(400px);
-    z-index: 50000;
+    z-index: 10300;
 }
 
 .ibexa-notification-list {

src/bundle/Resources/public/scss/_back-to-top.scss

@@ -1,7 +1,7 @@
 .c-upload-popup {
     background: rgba($ibexa-color-black, 0.35);
     position: fixed;
-    z-index: 99999;
+    z-index: 10100;
     top: 0;
     left: 0;
     height: 100vh;

src/bundle/Resources/public/scss/_notifications.scss

@@ -1,6 +1,6 @@
 .m-ud-global-loader {
     position: fixed;
-    z-index: 99999;
+    z-index: 10100;
     background: $ibexa-color-dark;
     width: 100%;
     height: 100%;