From 9c2c5af291b14c755e216ad978bcbe424a8cc1ec Mon Sep 17 00:00:00 2001 From: Bruno Windels <274386+bwindels@users.noreply.github.com> Date: Fri, 25 Nov 2022 16:12:35 +0100 Subject: [PATCH] small UI refinements for date header --- src/platform/web/ui/css/themes/element/timeline.css | 7 +++++++ .../web/ui/session/room/timeline/DateHeaderView.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css index 43c57d19..87b3e8c7 100644 --- a/src/platform/web/ui/css/themes/element/timeline.css +++ b/src/platform/web/ui/css/themes/element/timeline.css @@ -422,3 +422,10 @@ only loads when the top comes into view*/ .GapView.isAtTop { padding: 52px 20px 12px 20px; } + +.DateHeader { + color: var(--light-text-color); + font-weight: bold; + padding: 12px 4px; + text-align: center; +} \ No newline at end of file diff --git a/src/platform/web/ui/session/room/timeline/DateHeaderView.ts b/src/platform/web/ui/session/room/timeline/DateHeaderView.ts index 63003e91..f9159c5e 100644 --- a/src/platform/web/ui/session/room/timeline/DateHeaderView.ts +++ b/src/platform/web/ui/session/room/timeline/DateHeaderView.ts @@ -25,7 +25,7 @@ export class DateHeaderView extends TemplateView { } render(t, vm) { - return t.div({className: "DateHeader"}, t.div(vm.date)); + return t.div({className: "DateHeader"}, t.time(vm.date)); } /* This is called by the parent ListView, which just has 1 listener for the whole list */