From 9f5ec6d3cd7cb239beca39fe07d968b88e24c03d Mon Sep 17 00:00:00 2001 From: jschick04 Date: Fri, 19 Jun 2026 02:08:20 -0500 Subject: [PATCH 01/40] Add reusable Button component and migrate generic button markup app-wide --- .../Banner/AttentionBanner.razor | 16 +- src/EventLogExpert.UI/Banner/BannerHost.razor | 26 +-- .../Banner/CriticalBanner.razor | 12 +- .../Banner/CriticalBanner.razor.cs | 5 +- .../Banner/ErrorBanner.razor | 17 +- .../Banner/ExportProgressBanner.razor | 7 +- src/EventLogExpert.UI/Banner/InfoBanner.razor | 10 +- .../Banner/UpgradeProgressBanner.razor | 7 +- .../Dashboard/EmptyStateDashboard.razor | 2 +- .../Database/DatabaseEntryRow.razor | 68 +++--- .../Database/DatabaseEntryRow.razor.css | 12 +- .../Database/DatabaseRecoveryModal.razor | 14 +- .../DatabaseTools/DatabaseToolsLogView.razor | 12 +- .../Tabs/CreateDatabaseTab.razor | 24 +- .../DatabaseTools/Tabs/DiffDatabasesTab.razor | 18 +- .../Tabs/ManageDatabasesTab.razor | 56 ++--- .../Tabs/ManageDatabasesTab.razor.cs | 23 +- .../Tabs/ManageDatabasesTab.razor.css | 2 +- .../DatabaseTools/Tabs/MergeDatabaseTab.razor | 16 +- .../DatabaseTools/Tabs/ShowProvidersTab.razor | 20 +- .../Tabs/UpgradeDatabaseTab.razor | 14 +- .../DebugLog/DebugLogModal.razor | 22 +- .../Editing/FilterEditPanel.razor | 41 ++-- .../Editing/FilterEditPanel.razor.css | 14 +- .../Editing/FilterPredicateEditor.razor | 26 +-- .../Editing/FilterPredicateList.razor | 17 +- .../Editing/FilterPredicateList.razor.cs | 6 +- .../Editing/FilterPredicateList.razor.css | 4 +- .../FilterEditor/Rows/FilterRowActions.razor | 38 ++-- .../Rows/FilterRowActions.razor.cs | 5 +- .../FilterEditor/Rows/FilterRowHeader.razor | 13 +- .../Rows/FilterRowHeader.razor.css | 8 +- .../FilterLibrary/FilterLibraryModal.razor | 15 +- .../LibraryEntryFilterEditor.razor | 6 +- .../LibraryEntryFilterEditor.razor.css | 2 +- .../FilterLibrary/LibraryEntryRow.razor | 82 +++---- .../FilterLibrary/LibraryEntryRow.razor.cs | 12 +- .../FilterLibrary/LibraryEntryRow.razor.css | 18 +- .../FilterLibrary/LibrarySavedTabHeader.razor | 6 +- .../LibrarySavedTabHeader.razor.css | 15 -- .../FilterLibrary/TagManagementPanel.razor | 78 +++---- .../FilterPane/FilterPane.razor | 143 ++++++------ .../FilterPane/FilterPane.razor.css | 4 +- src/EventLogExpert.UI/Inputs/Button.cs | 9 + src/EventLogExpert.UI/Inputs/ButtonBase.cs | 75 +++++++ src/EventLogExpert.UI/Inputs/DangerButton.cs | 9 + src/EventLogExpert.UI/Inputs/PrimaryButton.cs | 9 + src/EventLogExpert.UI/Inputs/WarningButton.cs | 9 + src/EventLogExpert.UI/Modal/ModalChrome.razor | 119 +++++----- .../Modal/ModalChrome.razor.cs | 8 +- .../Modal/ModalChrome.razor.css | 2 +- src/EventLogExpert.UI/wwwroot/app.css | 15 ++ .../Inputs/ButtonTests.cs | 206 ++++++++++++++++++ 53 files changed, 827 insertions(+), 590 deletions(-) create mode 100644 src/EventLogExpert.UI/Inputs/Button.cs create mode 100644 src/EventLogExpert.UI/Inputs/ButtonBase.cs create mode 100644 src/EventLogExpert.UI/Inputs/DangerButton.cs create mode 100644 src/EventLogExpert.UI/Inputs/PrimaryButton.cs create mode 100644 src/EventLogExpert.UI/Inputs/WarningButton.cs create mode 100644 tests/Unit/EventLogExpert.UI.Tests/Inputs/ButtonTests.cs diff --git a/src/EventLogExpert.UI/Banner/AttentionBanner.razor b/src/EventLogExpert.UI/Banner/AttentionBanner.razor index dc947f951..d106b9308 100644 --- a/src/EventLogExpert.UI/Banner/AttentionBanner.razor +++ b/src/EventLogExpert.UI/Banner/AttentionBanner.razor @@ -3,16 +3,12 @@ @CycleNav - + - + - + + - + - + + diff --git a/src/EventLogExpert.UI/Database/DatabaseEntryRow.razor.css b/src/EventLogExpert.UI/Database/DatabaseEntryRow.razor.css index 15778f61b..8488f7aa0 100644 --- a/src/EventLogExpert.UI/Database/DatabaseEntryRow.razor.css +++ b/src/EventLogExpert.UI/Database/DatabaseEntryRow.razor.css @@ -91,7 +91,7 @@ gap: .5rem; } -.db-entry-upgrade-btn { +::deep .db-entry-upgrade-btn { white-space: nowrap; } @@ -128,7 +128,7 @@ animation: db-entry-spin 1.5s linear infinite; } -.db-entry-cancel-btn { +::deep .db-entry-cancel-btn { flex: 0 0 auto; padding: .15rem .65rem; @@ -147,8 +147,12 @@ @media (prefers-reduced-motion: reduce) { .db-entry-row, .db-entry-upgrading, - .db-entry-upgrading-text, - .db-entry-cancel-btn { + .db-entry-upgrading-text { + animation: none; + transition: none; + } + + ::deep .db-entry-cancel-btn { animation: none; transition: none; } diff --git a/src/EventLogExpert.UI/Database/DatabaseRecoveryModal.razor b/src/EventLogExpert.UI/Database/DatabaseRecoveryModal.razor index 458de1e6b..62d4fe993 100644 --- a/src/EventLogExpert.UI/Database/DatabaseRecoveryModal.razor +++ b/src/EventLogExpert.UI/Database/DatabaseRecoveryModal.razor @@ -23,18 +23,12 @@

- - + +