Draw edges of sparkline chart area (#8286)

szakarias · web-flow · commit b8f3046a2a72 · 2024-11-14T14:33:51.000+01:00
diff --git a/pkg/web_app/lib/src/widget/weekly_sparkline/widget.dart b/pkg/web_app/lib/src/widget/weekly_sparkline/widget.dart
@@ -122,8 +122,8 @@ void drawChart(Element svg, HTMLDivElement toolTip, HTMLDivElement chartSubText,
   area.setAttribute(
       'd', '$line  L${drawingWidth + padding} $height L$padding $height Z');
 
-  chart.append(sparkline);
   chart.append(area);
+  chart.append(sparkline);
 
   svg.append(chart);
 
diff --git a/pkg/web_css/lib/src/_detail_page.scss b/pkg/web_css/lib/src/_detail_page.scss
@@ -278,9 +278,10 @@ $detail-tabs-tablet-width: calc(100% - 240px);
 }
 
 .weekly-sparkline-area {
+  stroke: var(--pub-weekly-chart-main-color);
   fill: var(--pub-weekly-chart-main-color);
   opacity: 0.3;
-  stroke-width: 0;
+  stroke-width: 2;
 }
 
 @media (min-width: $device-desktop-min-width) {

Original file line number	Diff line number	Diff line change
`@@ -278,9 +278,10 @@ $detail-tabs-tablet-width: calc(100% - 240px);`
`278`	`278`	`}`
`279`	`279`
`280`	`280`	`.weekly-sparkline-area {`
	`281`	`+ stroke: var(--pub-weekly-chart-main-color);`
`281`	`282`	`fill: var(--pub-weekly-chart-main-color);`
`282`	`283`	`opacity: 0.3;`
`283`		`- stroke-width: 0;`
	`284`	`+ stroke-width: 2;`
`284`	`285`	`}`
`285`	`286`
`286`	`287`	`@media (min-width: $device-desktop-min-width) {`