Fix avatar sizes

This commit is contained in:
kolaente 2020-03-01 21:58:58 +01:00
parent d70aa1b21d
commit 94714b2964
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
3 changed files with 11 additions and 4 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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">