diff --git a/packages/cxl-ui/scss/cxl-marketing-nav.scss b/packages/cxl-ui/scss/cxl-marketing-nav.scss index bd296d79..5a4be14d 100644 --- a/packages/cxl-ui/scss/cxl-marketing-nav.scss +++ b/packages/cxl-ui/scss/cxl-marketing-nav.scss @@ -11,7 +11,13 @@ } ::part(overflow-button) { + padding-right: 0; + margin-right: 0; margin-left: auto; + + &::before { + background-color: unset; + } } nav { @@ -22,7 +28,7 @@ width: 100%; max-width: 100vw; min-height: var(--cxl-marketing-nav-min-height, 44px); - padding: 0 var(--lumo-space-m); + padding: 0 var(--cxl-wrap-padding, none); overflow: hidden; &:not([wide]) { @@ -33,20 +39,10 @@ .container { justify-content: space-between; - .cxl-logo{ - margin-left: 0; - padding-left: 0; - } - .search-button { width: 140px; color: var(--lumo-shade); } - - vaadin-menu-bar::part(overflow-button) { - margin-right: 0; - padding-right: 0; - } } } @@ -59,6 +55,8 @@ /* stylelint-disable-next-line selector-no-qualifying-type */ vaadin-menu-bar-button.cxl-logo { min-width: auto; + padding-left: 0; + margin-left: 0; } } @@ -83,7 +81,8 @@ } /* stylelint-disable-next-line selector-no-qualifying-type */ - &#menu-global-items, &#menu-primary-items { + &#menu-global-items, + &#menu-primary-items { background-color: var(--lumo-base-color); border-bottom: 1px solid var(--lumo-shade-5pct); }