Merge pull request #358 from conversionxl/hener/fix/dashboard-roadmap…

…-block-fixes
conversionxl · Nov 7, 2023 · 4483d0a · 4483d0a
2 parents bb0fa1c + 7d9426a
commit 4483d0a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss b/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss
@@ -245,8 +245,9 @@
   }
 }
 
-:host([theme~="cxl-course-slider"][theme~="cxl-slider-dashboard-header"][theme~="portrait"]) {
+:host([theme~="cxl-course-slider"][theme~="cxl-slider-dashboard-header"]) {
   ::slotted(vaadin-tab) {
     width: auto;
+    max-width: 300px;
   }
 }
diff --git a/packages/cxl-ui/src/components/cxl-tabs-slider.js b/packages/cxl-ui/src/components/cxl-tabs-slider.js
@@ -10,9 +10,12 @@ export class CXLTabsSliderElement extends Tabs {
    * @protected
    */
   get _scrollOffset() {
-    if (this.getAttribute('theme').split(' ').includes('cxl-category-accordion')) {
+    const theme = this.getAttribute('theme').split(' ');
+
+    if (theme.includes('cxl-category-accordion') || theme.includes('cxl-slider-dashboard-header')) {
       return 200;
     }
+
     return super._scrollOffset;
   }