IBX-2520: Fix action buttons from the header overlapping with other t…

…hings before adaptive items is initialized (#361)
ibexa · Mar 14, 2022 · c618563 · c618563
1 parent 046f6d3
commit c618563
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/src/bundle/Resources/public/js/scripts/admin.context.menu.js b/src/bundle/Resources/public/js/scripts/admin.context.menu.js
@@ -57,4 +57,5 @@
     });
 
     adaptiveItems.init();
+    adapatItemsContainer.classList.remove('ibexa-context-menu--before-adaptive-items-init');
 })(window, window.document, window.ibexa);
diff --git a/src/bundle/Resources/public/scss/_context-menu.scss b/src/bundle/Resources/public/scss/_context-menu.scss
@@ -11,6 +11,14 @@
     margin: 0;
     list-style: none;
 
+    &--before-adaptive-items-init {
+        overflow: hidden;
+        display: flex;
+        flex-wrap: wrap;
+        height: calculateRem(48px);
+        padding: 0;
+    }
+
     &__item {
         padding-left: calculateRem(16px);
 

diff --git a/src/bundle/Resources/public/scss/_header.scss b/src/bundle/Resources/public/scss/_header.scss
@@ -41,6 +41,12 @@
         min-height: calculateRem(64px);
     }
 
+    .ibexa-context-menu {
+        &--before-adaptive-items-init {
+            min-height: 0;
+        }
+    }
+
     .ibexa-header-wrapper {
         width: 100%;
     }

diff --git a/src/bundle/Resources/views/themes/admin/ui/component/context_menu/context_menu.html.twig b/src/bundle/Resources/views/themes/admin/ui/component/context_menu/context_menu.html.twig
@@ -1,4 +1,4 @@
-<ul class="ibexa-context-menu">
+<ul class="ibexa-context-menu ibexa-context-menu--before-adaptive-items-init">
     {% set selector_btn_classes = selector_btn_classes|default('btn ibexa-btn ibexa-btn--secondary ibexa-btn--no-text') %}
 
     {{ menu_items }}