Style final an non-final feedbacks
This commit is contained in:
parent
714cb713b1
commit
d0b8ca7ac7
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -197,6 +197,7 @@
|
|||
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/_variables.scss";
|
||||
@import "@/styles/_functions.scss";
|
||||
|
||||
.submission-page {
|
||||
&__content {
|
||||
|
|
|
|||
Loading…
Reference in New Issue