ph 2

Author: tischsoic

src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js

@@ -259,9 +259,10 @@ const hideAll = (baseElement = doc) => {
     const tooltipsNode = baseElement.querySelectorAll(TOOLTIPS_SELECTOR);
 
     for (const tooltipNode of tooltipsNode) {
-        const tooltipInstance = bootstrap.Tooltip.getInstance(tooltipNode);
+        bootstrap.Tooltip.getOrCreateInstance(tooltipNode).hide();
+        // const tooltipInstance = bootstrap.Tooltip.getInstance(tooltipNode);
 
-        tooltipInstance?.dispose();
+        // tooltipInstance?.dispose();
     }
 };
 const observe = (baseElement = doc) => {

src/bundle/Resources/public/js/scripts/sidebar/main.menu.js

@@ -5,7 +5,7 @@
         return;
     }
 
-    const objectInstances = ibexa.helpers.objectInstances;
+    const { objectInstances } = ibexa.helpers;
     const firstLevelMenuNode = mainMenuNode.querySelector('.ibexa-main-menu__navbar--first-level');
     const expandToggleButton = firstLevelMenuNode.querySelector('.ibexa-main-menu__expand-toggler');
     const firstLevelNavItems = [...firstLevelMenuNode.querySelectorAll('.ibexa-main-menu__item[data-item-name]')];
@@ -166,15 +166,15 @@
             }
         });
     };
-    const syncActiveItems = (itemName) => {
-        firstLevelNavItems.forEach((itemNode) => {
-            const isCurrentItem = itemNode.dataset.itemName === itemName;
-
-            itemNode.querySelectorAll('.ibexa-main-menu__item-action').forEach((actionNode) => {
-                actionNode.classList.toggle('active', isCurrentItem);
-            });
-        });
-    };
+    // const syncActiveItems = (itemName) => {
+    //     firstLevelNavItems.forEach((itemNode) => {
+    //         const isCurrentItem = itemNode.dataset.itemName === itemName;
+
+    //         itemNode.querySelectorAll('.ibexa-main-menu__item-action').forEach((actionNode) => {
+    //             actionNode.classList.toggle('active', isCurrentItem);
+    //         });
+    //     });
+    // };
     const openCurrentAccordion = () => {
         const currentItemNode = firstLevelMenuNode.querySelector(
             '.ibexa-main-menu__item[data-has-children="true"] .ibexa-main-menu__item-action--selected',
@@ -318,5 +318,4 @@
             itemNode.classList.add('ibexa-main-menu__item--expanded');
         }
     });
-
 })(window, window.document, window.ibexa);

src/bundle/Resources/public/scss/_main-menu-popup.scss

@@ -2,27 +2,33 @@
 @use '@ibexa-admin-ui/src/bundle/Resources/public/scss/functions/calculate.rem' as *;
 
 .ibexa-main-menu-popup {
-    .ibexa-popup-menu__item:not(.ibexa-main-menu-popup__group-item) > .ibexa-popup-menu__item-content {
-        height: calculateRem(36px);
+    background-color: $ibexa-color-dark;
+    border-color: $ibexa-color-dark-500;
+
+    &__item-content {
+        color: $ibexa-color-white;
         padding: calculateRem(7.5px) calculateRem(12px);
-        font-size: calculateRem(14px);
 
         > .ibexa-main-menu__item-text-column {
             padding: 0;
         }
 
-        &:hover > .ibexa-main-menu__item-text-column {
+        &:hover {
             color: $ibexa-color-complementary-primary-400;
+            background-color: transparent;
+        }
+
+        &--current {
+            > .ibexa-main-menu__item-text-column {
+                color: $ibexa-color-complementary-primary-400;
+            }
         }
     }
 
     &__group-item {
         flex-direction: column;
         height: 100%;
         align-items: initial;
-        // border-top: calculateRem(1px) solid $ibexa-color-dark-500;
-        // color: $ibexa-color-light-700;
-        //     font-size: $ibexa-text-font-size-small;
 
         .ibexa-popup-menu {
             &__item {
@@ -31,7 +37,12 @@
         }
     }
 
-    .ibexa-main-menu-popup &__group-name {
+    &__group-item-content {
+        color: $ibexa-color-dark-300;
+        padding: 0;
+    }
+
+    &__group-name {
         border-top: calculateRem(1px) solid $ibexa-color-dark-500;
         color: $ibexa-color-dark-500;
         font-size: $ibexa-text-font-size-small;
@@ -42,29 +53,9 @@
         border-radius: 0;
         width: initial;
 
-        > .ibexa-main-menu__item-text-column {
-            padding: 1px 0;
-        }
-
         &:hover {
             background-color: initial;
             color: $ibexa-color-dark-500;
         }
     }
-
-    .ibexa-popup-menu__item-content--current {
-        background-color: transparent;
-
-        > .ibexa-main-menu__item-text-column {
-            color: $ibexa-color-complementary-primary-400;
-        }
-
-        &:hover {
-            background-color: transparent;
-
-            > .ibexa-main-menu__item-text-column {
-                color: $ibexa-color-complementary-primary-400;
-            }
-        }
-    }
 }