#448 - Drop 'actions' css class. Fix buttons in mobile navbar

maraf · Aug 7, 2024 · 971c721 · 971c721
1 parent 64f803f
commit 971c721
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 16 deletions.
diff --git a/src/Money.Blazor.Host/Components/ExchangeRateList.razor b/src/Money.Blazor.Host/Components/ExchangeRateList.razor
@@ -25,9 +25,7 @@
                                     <DateValue Value="item.ValidFrom" />
                                 </td>
                                 <td class="min-column">
-                                    <div class="actions">
-                                        <IconButton Icon="trash-alt" ToolTip="Delete" Click="@(async () => { await OnDeleteClickAsync(item); StateHasChanged(); })" />
-                                    </div>
+                                    <IconButton Icon="trash-alt" ToolTip="Delete" Click="@(async () => { await OnDeleteClickAsync(item); StateHasChanged(); })" />
                                 </td>
                             </tr>
                         }

diff --git a/src/Money.Blazor.Host/Components/Title.razor b/src/Money.Blazor.Host/Components/Title.razor
@@ -35,7 +35,7 @@
 
     @if (!String.IsNullOrEmpty(Sub))
     {
-        <h6 class="mb-0" style="font-size: 10px; font-weight: 100;">
+        <h6 class="mb-0 text-truncate" style="font-size: 10px; font-weight: 100;">
             @Sub
         </h6>
     }
@@ -71,7 +71,7 @@
     RenderFragment Actions(bool isMobileTarget)
     {
         return 
-        @<div class="actions @(isMobileTarget ? "d-sm-none" : string.Empty)">
+        @<div class="text-nowrap @(isMobileTarget ? "d-sm-none" : string.Empty)">
             @if (!String.IsNullOrEmpty(ButtonText) || ButtonClick != null)
             {
                 <button type="button" class="btn btn-primary" @onclick="@(() => ButtonClick?.Invoke())">

diff --git a/src/Money.Blazor.Host/Layouts/Layout.razor b/src/Money.Blazor.Host/Layouts/Layout.razor
@@ -5,7 +5,7 @@
     <nav class="navbar navbar-expand-sm navbar-dark">
         <div class="container flex-nowrap">
             <MainMenu />
-            <div class="mobile-page-title text-light flex-grow-1 d-block d-sm-none overflow-hidden">
+            <div class="mobile-page-title text-light flex-grow-1 d-block d-sm-none overflow-hidden pe-1">
                 <TemplatePlaceholder Name="MobilePageTitle" />
             </div>
             <TemplatePlaceholder Name="MobilePageActions" />

diff --git a/src/Money.Blazor.Host/wwwroot/css/site.css b/src/Money.Blazor.Host/wwwroot/css/site.css