studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Prevent comment id, page and date from being shrinked

Browse source
This commit is contained in:
Timothée Goguely 2024-10-30 15:22:01 +01:00
parent 066ed66ea6
commit 5e227d9fc3
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/comments/Comment.vue
View file

@ -8,7 +8,7 @@
• •
</template> </template>
<span class="comment__page">Page {{ comment.file.pageIndex }}</span> <span class="comment__page">Page {{ comment.file.pageIndex }}</span>
<time :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{ <time class="comment__date" :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{
formatDate(comment.date) formatDate(comment.date)
}}</time> }}</time>
</p> </p>
@ -137,6 +137,11 @@ async function readNotification(notificationId) {
.comment[data-opened="true"] .comment__replies { .comment[data-opened="true"] .comment__replies {
color: var(--color-primary); color: var(--color-primary);
} }
.comment__id,
.comment__page,
.comment__date {
flex-shrink: 0;
}
.comment__ctas > * { .comment__ctas > * {
--border-color: transparent; --border-color: transparent;
margin-right: var(--space-4); margin-right: var(--space-4);