non-directional styles for no-data

pan-kot · pan-kot · commit 01f2ca5459e7 · 2025-06-24T16:40:57.000+02:00
diff --git a/src/core/chart-api/chart-extra-nodata.tsx b/src/core/chart-api/chart-extra-nodata.tsx
@@ -37,8 +37,10 @@ export class ChartExtraNodata extends AsyncStore<ReactiveNodataState> {
     }
   };
 
-  private getContainerStyle() {
-    return { left: `${this.chart.plotLeft}px`, bottom: `${this.chart.chartHeight - this.chart.plotHeight}px` };
+  private getContainerStyle(): React.CSSProperties {
+    const inlineOffset = this.chart.chartWidth - this.chart.plotWidth;
+    const blockOffset = this.chart.chartHeight - this.chart.plotHeight;
+    return { insetInlineStart: `${inlineOffset}px`, insetBlockEnd: `${blockOffset}px` };
   }
 
   private get chart() {

Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,10 @@ export class ChartExtraNodata extends AsyncStore<ReactiveNodataState> {`
`37`	`37`	`}`
`38`	`38`	`};`
`39`	`39`
`40`		`- private getContainerStyle() {`
`41`		- return { left: `${this.chart.plotLeft}px`, bottom: `${this.chart.chartHeight - this.chart.plotHeight}px` };
	`40`	`+ private getContainerStyle(): React.CSSProperties {`
	`41`	`+ const inlineOffset = this.chart.chartWidth - this.chart.plotWidth;`
	`42`	`+ const blockOffset = this.chart.chartHeight - this.chart.plotHeight;`
	`43`	+ return { insetInlineStart: `${inlineOffset}px`, insetBlockEnd: `${blockOffset}px` };
`42`	`44`	`}`
`43`	`45`
`44`	`46`	`private get chart() {`