From 2783162428a696513cfe01953aec3b60dfd7ec16 Mon Sep 17 00:00:00 2001
From: Tim Mulholland <timulhol@microsoft.com>
Date: Mon, 27 Nov 2023 12:31:15 -0800
Subject: [PATCH] Use invariant culture when generating CSS

---
 src/Aspire.Dashboard/Components/Pages/TraceDetail.razor | 3 ++-
 src/Aspire.Dashboard/Components/Pages/Traces.razor.cs   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Aspire.Dashboard/Components/Pages/TraceDetail.razor b/src/Aspire.Dashboard/Components/Pages/TraceDetail.razor
index a28692be6a..dce0e5eaf5 100644
--- a/src/Aspire.Dashboard/Components/Pages/TraceDetail.razor
+++ b/src/Aspire.Dashboard/Components/Pages/TraceDetail.razor
@@ -7,6 +7,7 @@
 @using Aspire.Dashboard.Otlp.Model
 @using Aspire.Dashboard.Otlp.Storage
 @using System.Diagnostics
+@using System.Globalization
 @inject IDashboardViewModelService DashboardViewModelService
 
 <PageTitle>@DashboardViewModelService.ApplicationName Traces</PageTitle>
@@ -93,7 +94,7 @@
                         </HeaderCellItemTemplate>
                         <ChildContent>
                             <div class="ticks" @onclick="() => OnShowProperties(context)">
-                                <div class="span-container" style="grid-template-columns: @context.LeftOffset.ToString("F2")% @context.Width.ToString("F2")% min-content;">
+                                <div class="span-container" style="grid-template-columns: @context.LeftOffset.ToString("F2", CultureInfo.InvariantCulture)% @context.Width.ToString("F2", CultureInfo.InvariantCulture)% min-content;">
                                     <div class="span-bar" style="grid-column: 2; background: @ColorGenerator.Instance.GetColorHexByKey(context.Span.Source.ApplicationName);"></div>
                                     <div class="span-bar-label @(context.LabelIsRight ? "span-bar-label-right" : "span-bar-label-left")">
                                         <span class="span-bar-label-detail">@context.Span.Source.ApplicationName: @context.GetDisplaySummary()</span>
diff --git a/src/Aspire.Dashboard/Components/Pages/Traces.razor.cs b/src/Aspire.Dashboard/Components/Pages/Traces.razor.cs
index 248a81df27..6fa645b941 100644
--- a/src/Aspire.Dashboard/Components/Pages/Traces.razor.cs
+++ b/src/Aspire.Dashboard/Components/Pages/Traces.razor.cs
@@ -1,6 +1,7 @@
 // Licensed to the .NET Foundation under one or more agreements.
 // The .NET Foundation licenses this file to you under the MIT license.
 
+using System.Globalization;
 using Aspire.Dashboard.Model;
 using Aspire.Dashboard.Model.Otlp;
 using Aspire.Dashboard.Otlp.Model;
@@ -43,7 +44,7 @@ private string GetRowStyle(OtlpTrace trace)
             percentage = trace.Duration / ViewModel.MaxDuration * 100.0;
         }
 
-        return $"background: linear-gradient(to right, var(--neutral-fill-input-alt-active) {percentage:0.##}%, transparent {percentage:0.##}%);";
+        return string.Create(CultureInfo.InvariantCulture, $"background: linear-gradient(to right, var(--neutral-fill-input-alt-active) {percentage:0.##}%, transparent {percentage:0.##}%);");
     }
 
     private static string GetTooltip(IGrouping<OtlpApplication, OtlpSpan> applicationSpans)