logitude-dashboard-library 1.4.65 → 1.4.66

package/dist/assets/styles/dl-dashboard.scss

@@ -256,87 +256,97 @@ $dark-grey: #717585;
     align-items: flex-start;
 
     header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
         position: unset;
         width: 100% !important;
         max-width: 100% !important;
         margin: 0;
         padding: 0;
 
+        &::after {
+            content: "";
+            border-bottom: 1px solid #E7E7E7;
+            width: calc(100% - 24px);
+            display: block;
+            margin: 0 auto;
+        }
+
         i {
             font-size: 18px;
             cursor: pointer;
         }
     }
 
-    .widget-titles-container {
+    .header-contents {
         display: flex;
-        flex-wrap: wrap;
-        width: calc(100% - 70px);
-        padding: 0px 12px 6px 12px;
-        min-height: 28px;
-
-        .title-container {
+        
+        .widget-titles-container {
             display: flex;
-            align-items: center;
-            justify-content: left;
-            flex: 1;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            min-width: 1px;
+            flex-wrap: wrap;
+            width: calc(100% - 70px);
+            padding: 0px 12px 6px 12px;
+            min-height: 28px;
     
-            .title {
-                text-transform: capitalize;
+            .title-container {
+                display: flex;
+                align-items: center;
+                justify-content: left;
+                flex: 1;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                min-width: 1px;
+        
+                .title {
+                    text-transform: capitalize;
+                    font-family: 'Manrope', sans-serif;
+                    font-style: normal;
+                    color: #292D30;
+                    padding-top: 6px;
+                    line-height: 100%;
+                    margin-top: 0;
+                    margin-bottom: 0;
+                    font-size: 12px;
+                    font-weight: 600;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    width: auto;
+                }
+            }
+        
+            .subtitle {
                 font-family: 'Manrope', sans-serif;
                 font-style: normal;
                 color: #292D30;
-                padding-top: 6px;
+                margin-top: 2px;
                 line-height: 100%;
-                margin-top: 0;
-                margin-bottom: 0;
                 font-size: 12px;
                 font-weight: 600;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
-                width: auto;
+                width: 100%;
             }
         }
     
-        .subtitle {
-            font-family: 'Manrope', sans-serif;
-            font-style: normal;
-            color: #292D30;
-            margin-top: 2px;
-            line-height: 100%;
-            font-size: 12px;
-            font-weight: 600;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            width: 100%;
-        }
-    }
-
-    .widget-options-container {
-        display: flex;
-        align-items: center;
-        width: 68px;
-        column-gap: 6px;
-
-        svg {
-            width: 20px;
-            height: 20px;
-            transform: scale(1.2);
-
-            &:hover {
-                cursor: pointer;
+        .widget-options-container {
+            display: flex;
+            align-items: center;
+            width: 68px;
+            column-gap: 6px;
+    
+            svg {
+                width: 20px;
+                height: 20px;
+                transform: scale(1.2);
+    
+                &:hover {
+                    cursor: pointer;
+                }
             }
         }
     }
+
 }
 
 .kpi-custom-size {

package/dist/index.js

@@ -1295,6 +1295,8 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       setIsWidgetHovered(false);
     }
   }, React__default.createElement("header", null, React__default.createElement("div", {
+    className: "header-contents"
+  }, React__default.createElement("div", {
     className: "widget-titles-container"
   }, React__default.createElement("div", {
     className: "title-container",
@@ -1302,6 +1304,7 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       justifyContent: getCSSPropertyValue(widget === null || widget === void 0 ? void 0 : widget.current, 'TitleAlignment', '', undefined)
     }
   }, React__default.createElement(tooltip.Tooltip, {
+    showDelay: 500,
     target: ".title"
   }), React__default.createElement("div", {
     className: "title",
@@ -1343,13 +1346,7 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
       var _props$widget;
       return props.deleteBtnClicked((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.key);
     }
-  })) : null), React__default.createElement("div", {
-    style: {
-      width: '100%'
-    }
-  }, React__default.createElement("div", {
-    className: "dl-line"
-  })), React__default.createElement("div", {
+  })) : null)), React__default.createElement("div", {
     className: "dl-dashboard-widget"
   }, " ", GetChartComponent(), " "));
   function GetChartComponent() {