kompetenzinventar/ki-doku#18 line-break new text #72

Merged
scammo merged 2 commits from feature/#18-zeilenumbruch into main 2022-01-17 14:44:14 +01:00

View File

@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
<label class="form-label fw-bold"> <label class="form-label fw-bold">
Anmerkungen Anmerkungen
</label> </label>
<div>{{ profile.availability_text }}</div> <div class="line-break-text">{{ profile.availability_text }}</div>
</div> </div>
</Section> </Section>
@ -98,11 +98,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
title="Sonstiges"> title="Sonstiges">
<div v-if="profile.freetext" :class="{ 'lh-base': true, 'mb-4': profile.volunteerwork }"> <div v-if="profile.freetext" :class="{ 'lh-base': true, 'mb-4': profile.volunteerwork }">
<h5>Über mich</h5> <h5>Über mich</h5>
{{ profile.freetext }} <div class="line-break-text">{{ profile.freetext }}</div>
</div> </div>
<div v-if="profile.volunteerwork" class="lh-base"> <div v-if="profile.volunteerwork" class="lh-base">
<h5>Ehrenamtliche Arbeit</h5> <h5>Ehrenamtliche Arbeit</h5>
{{ profile.volunteerwork }} <div class="line-break-text">{{ profile.volunteerwork }}</div>
</div> </div>
</Section> </Section>
</template> </template>
@ -154,4 +154,7 @@ export default {
</script> </script>
<style> <style>
.line-break-text{
weeman marked this conversation as resolved Outdated
Outdated
Review

Es werden zwei verschiedene Klassennamen verwendet. line-break-text im HTML vs. freetext im CSS.

Es werden zwei verschiedene Klassennamen verwendet. `line-break-text` im HTML vs. `freetext` im CSS.
white-space: pre-line;
}
</style> </style>