@@ -65,5 +84,18 @@
BackgroundColor="#8fb347">
+
+
+
+
\ No newline at end of file
diff --git a/src/Blashing.Shared/_Imports.razor b/src/Blashing.Shared/_Imports.razor
index 584fc30..8b155df 100644
--- a/src/Blashing.Shared/_Imports.razor
+++ b/src/Blashing.Shared/_Imports.razor
@@ -19,3 +19,4 @@
@using Blashing.Widgets;
@using Blashing.Widgets.ServerStatusSquares;
@using Blashing.Widgets.CircleCIBuildStatus;
+@using Blashing.Widgets.Timeline;
From 17e1768f4136c4c2c977c338514763c70fdfbe93 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 24 Mar 2026 21:14:36 +0000
Subject: [PATCH 4/6] Restyle TimelineWidget to match original dashing-timeline
layout
Co-authored-by: AlexHedley <1573469+AlexHedley@users.noreply.github.com>
Agent-Logs-Url: https://github.com/AlexHedley/blashing/sessions/8ac1a905-5d06-4e7a-a9d3-f502e0fcbba5
---
.../Timeline/TimelineWidget.razor | 6 +--
.../Timeline/TimelineWidget.razor.css | 42 ++++++++++------
.../Timeline/TimelineWidget.razor.scss | 48 +++++++++++--------
3 files changed, 58 insertions(+), 38 deletions(-)
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor b/src/Blashing.Widgets/Timeline/TimelineWidget.razor
index 541092a..d8d9fef 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor
@@ -7,11 +7,9 @@
@foreach (var item in Items ?? Enumerable.Empty
())
{
+ @item.Date
-
- @item.Date
- @item.Title
-
+ @item.Title
}
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
index fcf7be7..a9d7f68 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
@@ -18,45 +18,57 @@
.widget-timeline .timeline-list {
list-style: none;
- padding: 10px 20px 10px 40px;
+ padding: 10px 20px;
margin: 0;
position: relative;
}
+/* vertical line through the centre of the dots */
.widget-timeline .timeline-list::before {
content: '';
position: absolute;
- left: 28px;
+ left: 50%;
top: 0;
bottom: 0;
width: 2px;
+ transform: translateX(-50%);
background: #E8F770;
}
.widget-timeline .timeline-event {
+ display: flex;
+ align-items: center;
+ margin-bottom: 18px;
position: relative;
- padding-left: 20px;
- margin-bottom: 15px;
}
+/* left column: date */
+.widget-timeline .timeline-event .event-description-date {
+ flex: 1;
+ text-align: right;
+ padding-right: 14px;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12px;
+ white-space: nowrap;
+}
+
+/* centre: dot */
.widget-timeline .timeline-event .timeline-dot {
- position: absolute;
- left: -8px;
- top: 5px;
+ flex-shrink: 0;
width: 14px;
height: 14px;
border-radius: 50%;
background: #E8F770;
+ z-index: 1;
}
-.widget-timeline .timeline-event .timeline-content .event-description-date {
- color: rgba(255, 255, 255, 0.7);
- font-size: 12px;
- display: block;
-}
-
-.widget-timeline .timeline-event .timeline-content .event-description {
+/* right column: title */
+.widget-timeline .timeline-event .event-description {
+ flex: 1;
+ padding-left: 14px;
color: white;
font-size: 14px;
- display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
index b664f25..b152c23 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
@@ -31,48 +31,58 @@ $moreinfo-color: rgba(255, 255, 255, 0.7);
.timeline-list {
list-style: none;
- padding: 10px 20px 10px 40px;
+ padding: 10px 20px;
margin: 0;
position: relative;
+ // vertical line through the centre of the dots
&::before {
content: '';
position: absolute;
- left: 28px;
+ left: 50%;
top: 0;
bottom: 0;
width: 2px;
+ transform: translateX(-50%);
background: $timeline-color;
}
}
.timeline-event {
+ display: flex;
+ align-items: center;
+ margin-bottom: 18px;
position: relative;
- padding-left: 20px;
- margin-bottom: 15px;
+ // left column: date
+ .event-description-date {
+ flex: 1;
+ text-align: right;
+ padding-right: 14px;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12px;
+ white-space: nowrap;
+ }
+
+ // centre: dot
.timeline-dot {
- position: absolute;
- left: -8px;
- top: 5px;
+ flex-shrink: 0;
width: 14px;
height: 14px;
border-radius: 50%;
background: $dot-color;
+ z-index: 1;
}
- .timeline-content {
- .event-description-date {
- color: rgba(255, 255, 255, 0.7);
- font-size: 12px;
- display: block;
- }
-
- .event-description {
- color: white;
- font-size: 14px;
- display: block;
- }
+ // right column: title
+ .event-description {
+ flex: 1;
+ padding-left: 14px;
+ color: white;
+ font-size: 14px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
From 08b6c4d8bccd138c5811489ecee88c7c8cbadcdc Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 24 Mar 2026 21:31:32 +0000
Subject: [PATCH 5/6] Add per-item dot colour and border ring to TimelineWidget
Co-authored-by: AlexHedley <1573469+AlexHedley@users.noreply.github.com>
Agent-Logs-Url: https://github.com/AlexHedley/blashing/sessions/3fcaea2e-a675-4f95-a5f6-d3f160650967
---
nohup.out | 0
.../Pages/AdditionalWidgets.razor | 16 ++++++++--------
src/Blashing.Widgets/Timeline/TimelineItem.cs | 2 +-
.../Timeline/TimelineWidget.razor | 2 +-
.../Timeline/TimelineWidget.razor.css | 1 +
.../Timeline/TimelineWidget.razor.scss | 1 +
6 files changed, 12 insertions(+), 10 deletions(-)
create mode 100644 nohup.out
diff --git a/nohup.out b/nohup.out
new file mode 100644
index 0000000..e69de29
diff --git a/src/Blashing.Shared/Pages/AdditionalWidgets.razor b/src/Blashing.Shared/Pages/AdditionalWidgets.razor
index 6f125fb..7b0c583 100644
--- a/src/Blashing.Shared/Pages/AdditionalWidgets.razor
+++ b/src/Blashing.Shared/Pages/AdditionalWidgets.razor
@@ -23,10 +23,10 @@
@@ -88,10 +88,10 @@
diff --git a/src/Blashing.Widgets/Timeline/TimelineItem.cs b/src/Blashing.Widgets/Timeline/TimelineItem.cs
index 43e25e3..e1207c7 100644
--- a/src/Blashing.Widgets/Timeline/TimelineItem.cs
+++ b/src/Blashing.Widgets/Timeline/TimelineItem.cs
@@ -1,3 +1,3 @@
namespace Blashing.Widgets.Timeline;
-public record TimelineItem(string Date, string Title);
+public record TimelineItem(string Date, string Title, string? Color = null);
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor b/src/Blashing.Widgets/Timeline/TimelineWidget.razor
index d8d9fef..606f7bb 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor
@@ -8,7 +8,7 @@
{
@item.Date
-
+
@item.Title
}
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
index a9d7f68..747b028 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.css
@@ -60,6 +60,7 @@
border-radius: 50%;
background: #E8F770;
z-index: 1;
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}
/* right column: title */
diff --git a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
index b152c23..6f84833 100644
--- a/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
+++ b/src/Blashing.Widgets/Timeline/TimelineWidget.razor.scss
@@ -72,6 +72,7 @@ $moreinfo-color: rgba(255, 255, 255, 0.7);
border-radius: 50%;
background: $dot-color;
z-index: 1;
+ box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}
// right column: title
From f016b7e55cb6800868dfac197860022a786eb2f5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 24 Mar 2026 21:31:44 +0000
Subject: [PATCH 6/6] Remove nohup.out from repo
Co-authored-by: AlexHedley <1573469+AlexHedley@users.noreply.github.com>
Agent-Logs-Url: https://github.com/AlexHedley/blashing/sessions/3fcaea2e-a675-4f95-a5f6-d3f160650967
---
.gitignore | 1 +
nohup.out | 0
2 files changed, 1 insertion(+)
delete mode 100644 nohup.out
diff --git a/.gitignore b/.gitignore
index 7086f64..8423c65 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,3 +11,4 @@ release/
**/coveragereport/**/**
src/**/coverage.json
+nohup.out
diff --git a/nohup.out b/nohup.out
deleted file mode 100644
index e69de29..0000000