Style final an non-final feedbacks

This commit is contained in:
Christian Cueni 2019-11-18 16:35:06 +01:00
parent 714cb713b1
commit d0b8ca7ac7
2 changed files with 12 additions and 1 deletions

View File

@ -10,7 +10,7 @@
</p>
</div>
<div class="student-submission__feedback entry">
<p>{{submission.submissionfeedback.text | trimToLength(50)}}</p>
<p class="entry__text" :class="{'entry__text--final': submission.submissionfeedback.final}">{{submission.submissionfeedback.text | trimToLength(50)}}</p>
</div>
</div>
</template>
@ -59,6 +59,7 @@
font-weight: 800;
font-family: $sans-serif-font-family;
}
&__entry {
font-size: toRem(14px);
font-family: $sans-serif-font-family;
@ -68,4 +69,13 @@
margin-top: 1rem;
}
}
.entry {
&__text {
color: $color-silver-dark;
&--final {
color: $color-charcoal-dark;
}
}
}
</style>

View File

@ -197,6 +197,7 @@
<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_functions.scss";
.submission-page {
&__content {