fix(cxl-ui): added fixed menu-items slots

conversionxl · Nov 30, 2023 · f6e87ef · f6e87ef
1 parent 291bcf0
commit f6e87ef
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/cxl-ui/scss/cxl-marketing-nav.scss b/packages/cxl-ui/scss/cxl-marketing-nav.scss
@@ -22,6 +22,7 @@
     width: 100%;
     max-width: 100vw;
     padding: 0 var(--lumo-space-m);
+    overflow: hidden;
 
     &:not([wide]) {
       vaadin-menu-bar {
@@ -55,17 +56,14 @@
     }
 
     &[minimal] {
-
       vaadin-menu-bar {
-
         &::part(overflow-button) {
-          visibility: hidden;
           pointer-events: none;
+          visibility: hidden;
         }
       }
     }
 
-
     ::part(menu-bar-button),
     ::slotted(.menu-item),
     .menu-item {

diff --git a/packages/cxl-ui/src/components/cxl-marketing-nav.js b/packages/cxl-ui/src/components/cxl-marketing-nav.js
@@ -169,8 +169,7 @@ export class CXLMarketingNavElement extends LitElement {
                 theme="tertiary cxl-marketing-nav"
                 .items=${items}
               ></vaadin-menu-bar>
-              <slot name="${name}-after"></slot>
-              <slot name="${name}-end"></slot>
+              <slot name="${name}-items-fixed"></slot>
             </div>
           </nav>
         `;