fix no data paddings to avoid content cut off

Author: pan-kot

pages/04-migration/cartesian-chart-type-area.page.tsx

@@ -23,7 +23,7 @@ const TotalFooterGuidance = (
         return (
           <div style={{ display: "flex", justifyContent: "space-between", gap: "16px" }}>
             <span>Total</span>
-            <span>{numberFormatter(detail.items.reduce((sum, item) => sum + (item.type === "point" ? item.y : 0), 0))}</span>
+            <span>{numberFormatter(detail.items.reduce((sum, item) => sum + (item.y ?? 0), 0))}</span>
           </div>
         );
       },

src/core/styles.scss

@@ -30,8 +30,6 @@ $side-legend-min-inline-size: max(20%, 150px);
 
 .no-data {
   overflow: hidden;
-  padding-block: cs.$space-static-xs;
-  padding-inline: cs.$space-static-m;
   background-color: cs.$color-background-container-content;
   border-radius: 8px;
   border: 1px solid cs.$color-border-divider-default;
@@ -52,6 +50,8 @@ $side-legend-min-inline-size: max(20%, 150px);
 .no-data-content {
   overflow-x: auto;
   overflow-y: hidden;
+  padding-block: cs.$space-static-xs;
+  padding-inline: cs.$space-static-m;
 }
 
 .chart-filters {

src/internal/chart-styles.ts

@@ -176,7 +176,7 @@ export const thresholdPlotLine: Partial<Highcharts.XAxisPlotLinesOptions | Highc
 export const chatPlotBaseline: Partial<Highcharts.XAxisPlotLinesOptions> = {
   color: colorChartsLineTick,
   width: 2,
-  zIndex: 3,
+  zIndex: 2,
 };
 
 export const innerAreaTitleCss: Highcharts.CSSObject = {