fix: titel van assignment responsive maken

This commit is contained in:
Joyelle Ndagijimana 2025-04-21 22:31:28 +02:00
parent e864ced52e
commit fac31b3f64
3 changed files with 7 additions and 2 deletions

View file

@ -42,3 +42,8 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.assignmentTopTitle {
white-space: normal;
word-break: break-word;
}

View file

@ -91,7 +91,7 @@ language
{{ t("submitted") }} {{ t("submitted") }}
</v-chip> </v-chip>
</div> </div>
<v-card-title class="text-h4">{{ data.assignment.title }}</v-card-title> <v-card-title class="text-h4 assignmentTopTitle">{{ data.assignment.title }}</v-card-title>
<v-card-subtitle class="subtitle-section"> <v-card-subtitle class="subtitle-section">
<using-query-result <using-query-result

View file

@ -115,7 +115,7 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
<v-icon>mdi-delete</v-icon> <v-icon>mdi-delete</v-icon>
</v-btn> </v-btn>
</div> </div>
<v-card-title class="text-h4">{{ data.assignment.title }}</v-card-title> <v-card-title class="text-h4 assignmentTopTitle">{{ data.assignment.title }}</v-card-title>
<v-card-subtitle class="subtitle-section"> <v-card-subtitle class="subtitle-section">
<using-query-result <using-query-result
:query-result="lpQueryResult" :query-result="lpQueryResult"