Fix avatar sizes
This commit is contained in:
parent
d70aa1b21d
commit
94714b2964
3 changed files with 11 additions and 4 deletions
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="user">
|
<div class="user">
|
||||||
<img :src="user.getAvatarUrl(avatarSize)" class="avatar" alt="" v-tooltip="user.username"/>
|
<img :src="user.getAvatarUrl(avatarSize)" class="avatar" alt="" v-tooltip="user.username" :width="avatarSize" :height="avatarSize"/>
|
||||||
<span v-if="showUsername" class="username">{{ user.username }}</span>
|
<span v-if="showUsername" class="username">{{ user.username }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -76,7 +76,14 @@
|
||||||
<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
|
<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
|
||||||
<span>{{ label.title }}</span>
|
<span>{{ label.title }}</span>
|
||||||
</span>
|
</span>
|
||||||
<img :src="a.getAvatarUrl(27)" :alt="a.username" v-for="(a, i) in l.assignees" class="avatar" :key="l.id + 'assignee' + a.id + i"/>
|
<img
|
||||||
|
:src="a.getAvatarUrl(27)"
|
||||||
|
:alt="a.username"
|
||||||
|
class="avatar"
|
||||||
|
width="27"
|
||||||
|
height="27"
|
||||||
|
v-for="(a, i) in l.assignees"
|
||||||
|
:key="l.id + 'assignee' + a.id + i"/>
|
||||||
<i v-if="l.dueDate > 0" :class="{'overdue': l.dueDate <= new Date() && !l.done}" v-tooltip="formatDate(l.dueDate)"> - Due {{formatDateSince(l.dueDate)}}</i>
|
<i v-if="l.dueDate > 0" :class="{'overdue': l.dueDate <= new Date() && !l.done}" v-tooltip="formatDate(l.dueDate)"> - Due {{formatDateSince(l.dueDate)}}</i>
|
||||||
<priority-label :priority="l.priority"/>
|
<priority-label :priority="l.priority"/>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<progress class="progress is-small is-info" max="100" v-if="taskCommentService.loading">Loading comments...</progress>
|
<progress class="progress is-small is-info" max="100" v-if="taskCommentService.loading">Loading comments...</progress>
|
||||||
<div class="media comment" v-for="c in comments" :key="c.id">
|
<div class="media comment" v-for="c in comments" :key="c.id">
|
||||||
<figure class="media-left">
|
<figure class="media-left">
|
||||||
<img class="image is-avatar" :src="c.author.getAvatarUrl(48)" alt="">
|
<img class="image is-avatar" :src="c.author.getAvatarUrl(48)" alt="" width="48" height="48"/>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<div class="form" v-if="isCommentEdit && commentEdit.id === c.id">
|
<div class="form" v-if="isCommentEdit && commentEdit.id === c.id">
|
||||||
|
@ -39,7 +39,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="media comment">
|
<div class="media comment">
|
||||||
<figure class="media-left">
|
<figure class="media-left">
|
||||||
<img class="image is-avatar" :src="user.infos.getAvatarUrl(48)" alt="">
|
<img class="image is-avatar" :src="user.infos.getAvatarUrl(48)" alt="" width="48" height="48"/>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<div class="form">
|
<div class="form">
|
||||||
|
|
Loading…
Reference in a new issue