UI fixes for group discussions items
Closes #754 Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
63d0703b95
commit
d8fa50f127
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -49,7 +49,7 @@ section {
|
||||||
|
|
||||||
.main-slot {
|
.main-slot {
|
||||||
min-height: 5rem;
|
min-height: 5rem;
|
||||||
padding: 5px;
|
padding: 2px 5px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue