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

View File

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