UI fixes for group discussions items

Closes #754

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-07-02 10:10:50 +02:00
parent 63d0703b95
commit d8fa50f127
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
2 changed files with 8 additions and 4 deletions

View file

@ -24,7 +24,10 @@
<div class="title-info-wrapper">
<div class="title-and-date">
<p class="discussion-minimalist-title">{{ discussion.title }}</p>
<span :title="actualDate | formatDateTimeString">
<span
class="has-text-grey-dark"
:title="actualDate | formatDateTimeString"
>
{{
formatDistanceToNowStrict(new Date(actualDate), {
locale: $dateFnsLocale,
@ -102,8 +105,8 @@ export default class DiscussionListItem extends Vue {
.discussion-minimalist-title {
color: #3c376e;
font-family: Roboto, Helvetica, Arial, serif;
font-size: 16px;
font-weight: 500;
font-size: 19px;
font-weight: 600;
flex: 1;
}
}
@ -113,6 +116,7 @@ export default class DiscussionListItem extends Vue {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 15px;
}
}
}

View file

@ -49,7 +49,7 @@ section {
.main-slot {
min-height: 5rem;
padding: 5px;
padding: 2px 5px;
flex: 1;
}
}