#448 - Ensure category button has same height

maraf · Aug 5, 2024 · 3887ea7 · 3887ea7
1 parent 9544868
commit 3887ea7
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 5 deletions.
diff --git a/src/Money.Blazor.Host/Components/ExpenseCreate.razor b/src/Money.Blazor.Host/Components/ExpenseCreate.razor
@@ -130,7 +130,7 @@
                                         <strong>@category.Name</strong>
                                     </div>
                                     <div class="text-truncate">
-                                        <span>@category.Description</span>
+                                        <span>@EnsureHtmlWhitespace(category.Description)</span>
                                     </div>
                                 </button>
                             </div>

diff --git a/src/Money.Blazor.Host/Components/ExpenseTemplateCategory.razor b/src/Money.Blazor.Host/Components/ExpenseTemplateCategory.razor
@@ -37,7 +37,7 @@
                                     <strong>@category.Name</strong>
                                 </div>
                                 <div class="text-truncate">
-                                    <span>@category.Description</span>
+                                    <span>@EnsureHtmlWhitespace(category.Description)</span>
                                 </div>
                             </button>
                         </div>

diff --git a/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor b/src/Money.Blazor.Host/Components/ExpenseTemplateCreate.razor
@@ -27,7 +27,7 @@
                                     <strong>@category.Name</strong>
                                 </div>
                                 <div class="text-truncate">
-                                    <span>@category.Description</span>
+                                    <span>@EnsureHtmlWhitespace(category.Description)</span>
                                 </div>
                             </button>
                         </div>

diff --git a/src/Money.Blazor.Host/Components/OutcomeCreate.razor b/src/Money.Blazor.Host/Components/OutcomeCreate.razor
@@ -88,7 +88,7 @@
                                     <strong>@category.Name</strong>
                                 </div>
                                 <div class="text-truncate">
-                                    <span>@category.Description</span>
+                                    <span>@EnsureHtmlWhitespace(category.Description)</span>
                                 </div>
                             </button>
                         </div>

diff --git a/src/Money.Blazor.Host/Helpers.razor b/src/Money.Blazor.Host/Helpers.razor
@@ -0,0 +1,10 @@
+@code
+{
+    public static MarkupString EnsureHtmlWhitespace(string text)
+    {
+        if (string.IsNullOrWhiteSpace(text))
+            return (MarkupString)"&nbsp;";
+
+        return (MarkupString)text;
+    }
+}
diff --git a/src/Money.Blazor.Host/Pages/Trends.razor b/src/Money.Blazor.Host/Pages/Trends.razor
@@ -21,7 +21,7 @@ else
                         <strong>@category.Name</strong>
                     </div>
                     <div class="text-truncate">
-                        <span>@category.Description</span>
+                        <span>@EnsureHtmlWhitespace(category.Description)</span>
                     </div>
                 </a>
             </div>

diff --git a/src/Money.Blazor.Host/_Imports.razor b/src/Money.Blazor.Host/_Imports.razor
@@ -6,6 +6,7 @@
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.AspNetCore.Components.Web
 @using Money
+@using static Money.Helpers
 @using Money.Commands
 @using Money.Components
 @using Money.Components.Bootstrap