From 77b5d4c6f1f0823d1682652b27f613aef0b5c15b Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Tue, 26 Mar 2024 12:36:24 +0100
Subject: [PATCH] Make times right aligned
---
.../documentation/LessonInformation.vue | 20 ++++++++++++-------
1 file changed, 13 insertions(+), 7 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
index 52b8bf8ad..2d0c45ec4 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
@@ -1,13 +1,15 @@
<template>
<div :class="{ 'full-width grid mr-0': true, 'mr-md-4': compact }">
<div>
- <time :datetime="documentation.datetimeStart" :class="{ 'd-block': compact }">
- {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
- </time>
- <span v-if="!compact">–</span>
- <time :datetime="documentation.datetimeEnd" :class="{ 'd-block': compact }">
- {{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
- </time>
+ <div :class="{ 'text-right d-flex flex-column fit-content': compact }">
+ <time :datetime="documentation.datetimeStart" class="text-no-wrap">
+ {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
+ </time>
+ <span v-if="!compact">–</span>
+ <time :datetime="documentation.datetimeEnd" class="text-no-wrap">
+ {{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
+ </time>
+ </div>
</div>
<span class="text-center">
{{ documentation.course?.name }}
@@ -51,4 +53,8 @@ export default {
.subject {
justify-self: end;
}
+
+.fit-content {
+ width: fit-content;
+}
</style>
--
GitLab