Skip to content

Age-adaptive timestamps and aligned row columns in All Messages - #3112

Open
ramonsmits wants to merge 2 commits into
ramon/audit-search-historyfrom
ramon/audit-timestamps
Open

Age-adaptive timestamps and aligned row columns in All Messages#3112
ramonsmits wants to merge 2 commits into
ramon/audit-search-historyfrom
ramon/audit-timestamps

Conversation

@ramonsmits

@ramonsmits ramonsmits commented Sep 7, 2026

Copy link
Copy Markdown
Member

Stacked on:

Timestamp presentation in the All Messages list.

  • Age-adaptive Time Sent: time only for today, yesterday 14:32, weekday names within the past week, the regular browser format beyond, with a live relative label (3 minutes ago) and the full timestamp in both zones as tooltip
  • Times: local|UTC toggle on the results line flips every timestamp to UTC wall-clock time, persisted per browser. Review note: an app-wide setting was suggested; that is deliberately left for a separate issue, this PR keeps the per-view toggle
  • ran 3 minutes ago on the results line says when the current results were fetched
  • Aligned row columns: the columns are defined once on the list and shared by every row via subgrid, so nothing wraps mid-label and rows lay out identically

Review feedback applied: the age no longer has a column of its own. It follows the timestamp it belongs to, muted, as the last cell of the metrics line: Time Sent: 8:57 AM · 4 minutes ago, left aligned like the id and the metrics next to it, so the age is explained by the label it sits next to. Time Sent stays on the metrics line with the other data cells. The subgrid stays for the alignment; the age is hidden on narrow screens.

Comment thread src/Frontend/src/components/audit/AuditList.vue Outdated
Comment thread src/Frontend/src/components/audit/AuditListItem.vue Outdated
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch 2 times, most recently from 7390049 to 4d6df33 Compare September 9, 2026 06:38
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 4d6df33 to 231be7c Compare September 9, 2026 06:47
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 231be7c to 898658c Compare September 9, 2026 06:55
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch 3 times, most recently from cba5745 to efbd2b9 Compare September 9, 2026 07:43
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from efbd2b9 to 6ab85f7 Compare September 9, 2026 08:02
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from b24f1dc to 24dba1f Compare September 9, 2026 09:25
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 24dba1f to 6a96fb8 Compare September 9, 2026 10:19
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 6a96fb8 to 311757a Compare September 9, 2026 12:05
@ramonsmits
ramonsmits force-pushed the ramon/audit-timestamps branch from 311757a to ec63e96 Compare September 9, 2026 12:20
Time Sent adapts to age: time only for today, "yesterday 14:32" and
weekday names for the past week, the regular browser format beyond,
with a live coarse relative label and the full timestamp in both zones
as tooltip. A "Times: local|UTC" toggle on the results line flips every
timestamp to UTC wall-clock time (day boundaries included), persisted
per browser. The results line also shows when the current results were
fetched ("ran 3 minutes ago", exact timestamp as tooltip); that is
forgotten with the results when the view is left.
…e Sent

The audit row's grid gave every column an equal share, so short metric
cells sat on unused whitespace while a long Time Sent value wrapped
mid-label, and because every row was its own grid, a row with
"yesterday 8:22:30 PM" laid out differently from its neighbours.

The columns are now declared once on the list and shared by every row
via subgrid: each value column is never narrower than its widest value
in the list (nothing wraps) and the leftover width is shared equally,
so the columns spread out on wide screens. The message type owns the
top line; the id, the three metrics and Time Sent share the bottom
line, left aligned. The age follows the timestamp it belongs to, muted
("9:25 AM · 4 minutes ago"), rather than sitting in an unlabeled column
of its own; it hides below Bootstrap's lg breakpoint. Both style
blocks explain the mechanism in words.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Improvement Improvement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants