Draw edges of sparkline chart area (dart-lang#8286)

isoos · Nov 14, 2024 · b8f3046 · b8f3046
1 parent ce6193b
commit b8f3046
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
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) {