TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Make price trend lines more visible

Browse Source
This commit is contained in:
TopherMayor
2026-05-01 13:04:15 -07:00
parent 0b6d698ba7
commit 5f9edc3ed7
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/index.html
View File

@@ -891,8 +891,15 @@
stroke: rgba(255, 255, 255, 0.85); stroke: rgba(255, 255, 255, 0.85);
stroke-width: 1.5; stroke-width: 1.5;
} }
.price-trend-line-back {
stroke-width: 5;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0.35;
}
.price-trend-line { .price-trend-line {
stroke-width: 2.4; stroke-width: 3.2;
fill: none; fill: none;
stroke-linecap: round; stroke-linecap: round;
stroke-linejoin: round; stroke-linejoin: round;
@@ -2676,6 +2683,7 @@
</linearGradient> </linearGradient>
</defs> </defs>
<path d="${areaPath}" fill="url(#priceTrendFill-${chartKey})" opacity="0.8"></path> <path d="${areaPath}" fill="url(#priceTrendFill-${chartKey})" opacity="0.8"></path>
<path d="${path}" class="price-trend-line-back" stroke="rgba(255,255,255,0.22)"></path>
<path d="${path}" class="price-trend-line" stroke="url(#priceTrendStroke-${chartKey})"></path> <path d="${path}" class="price-trend-line" stroke="url(#priceTrendStroke-${chartKey})"></path>
${points.map((point, index) => ` ${points.map((point, index) => `
<circle class="price-trend-points" cx="${point.x.toFixed(1)}" cy="${point.y.toFixed(1)}" r="${index === points.length - 1 ? 3.4 : 2.4}"> <circle class="price-trend-points" cx="${point.x.toFixed(1)}" cy="${point.y.toFixed(1)}" r="${index === points.length - 1 ? 3.4 : 2.4}">