From 7d9426a12888caf652d9cbc4f25ff1a34ba50bd4 Mon Sep 17 00:00:00 2001
From: Hener Hoop <hener@play.ee>
Date: Mon, 6 Nov 2023 14:27:46 +0200
Subject: [PATCH] fix(cxl-ui): dashboard header visual fixes

https://app.clickup.com/t/86aydn6th
---
 packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss | 3 ++-
 packages/cxl-ui/src/components/cxl-tabs-slider.js         | 5 ++++-
 2 files changed, 6 insertions(+), 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
index 8f1f6b9a7..ac9820c2c 100644
--- 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
index 3a99fc10c..2d66f76c8 100644
--- 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;
   }