diff --git a/app/javascript/controllers/goal_projection_chart_controller.js b/app/javascript/controllers/goal_projection_chart_controller.js index bcd86e922..6686f5dd6 100644 --- a/app/javascript/controllers/goal_projection_chart_controller.js +++ b/app/javascript/controllers/goal_projection_chart_controller.js @@ -251,17 +251,19 @@ export default class extends Controller { .attr("d", line); if (requiredSeries.length) { - // Light dashed line: the path needed to hit the target. Sits behind - // the projection so the user sees both the goal and the ask. + // Light dashed reference line: the path needed to hit the target. + // Neutral stroke (text-secondary) instead of green — both the + // projection and the required line are otherwise green when the + // goal is on track, and the two would visually merge. svg .append("path") .datum(requiredSeries) .attr("fill", "none") - .attr("stroke", "var(--color-green-600)") + .attr("stroke", textSecondary) .attr("stroke-width", 1.2) .attr("stroke-linecap", "round") .attr("stroke-dasharray", "2 4") - .attr("opacity", 0.45) + .attr("opacity", 0.5) .attr("d", line); } diff --git a/app/views/goals/show.html.erb b/app/views/goals/show.html.erb index ab1b8cedf..1d0d0c6c2 100644 --- a/app/views/goals/show.html.erb +++ b/app/views/goals/show.html.erb @@ -42,10 +42,10 @@ ) %> <% unless @goal.completed? || @goal.status == :reached %> <%= render DS::Link.new( - text: t(@goal.pledge_action_label_key), + text: t(".record_pledge_cta"), variant: "primary", href: new_goal_pledge_path(@goal), - icon: "arrow-up-right", + icon: "plus", frame: :modal ) %> <% end %> @@ -146,11 +146,11 @@
<%= t(".empty.body") %>