From 5202a41fb1909ba2a3090cc2739b4b6df1918c09 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 5 Apr 2024 17:03:53 +0200
Subject: [PATCH] Move subject chip
---
.../documentation/LessonInformation.vue | 22 +++++++++++--------
1 file changed, 13 insertions(+), 9 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
index 3bcc0e682..747b666ea 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
@@ -20,7 +20,13 @@ import PersonChip from "aleksis.core/components/person/PersonChip.vue";
<span :class="{ 'text-right': !largeGrid }">
{{ documentation.course?.name }}
</span>
- <div :class="{ 'd-flex align-center flex-wrap gap': true, 'justify-center': largeGrid }">
+ <subject-chip
+ v-if="documentation.subject"
+ :subject="documentation.subject"
+ v-bind="compact ? dialogActivator.attrs : {}"
+ v-on="compact ? dialogActivator.on : {}"
+ />
+ <div :class="{ 'd-flex align-center flex-wrap gap': true }">
<person-chip
v-for="teacher in documentation.teachers"
:person="teacher"
@@ -29,13 +35,6 @@ import PersonChip from "aleksis.core/components/person/PersonChip.vue";
v-on="compact ? dialogActivator.on : {}"
/>
</div>
- <subject-chip
- v-if="documentation.subject"
- :subject="documentation.subject"
- class="subject"
- v-bind="compact ? dialogActivator.attrs : {}"
- v-on="compact ? dialogActivator.on : {}"
- />
</div>
</template>
@@ -84,8 +83,13 @@ export default {
justify-self: end;
}
-.subject {
+.grid.large-grid:nth-child(3) {
+ justify-self: center;
+}
+
+.grid:last-child {
justify-self: end;
+ justify-content: end;
}
.fit-content {
--
GitLab