KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: Fix widget thumbnail not rendering background colors (#5791)

Browse source
This commit is contained in:
Nithin David Thomas 2022-11-03 10:43:12 +05:30 • committed by GitHub
parent c121b44df4
commit 8bd5ba187a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/dashboard/components/widgets/Thumbnail.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="user-thumbnail-box" :style="{ height: size, width: size }">
<div :class="thumbnailBoxClass" :style="{ height: size, width: size }">
<img
v-if="!imgError && src"
:src="src"
@ -120,6 +120,10 @@ export default {
this.variant === 'circle' ? 'thumbnail-rounded' : 'thumbnail-square';
return `user-thumbnail ${classname} ${variant}`;
},
thumbnailBoxClass() {
const boxClass = this.variant === 'circle' ? 'is-rounded' : '';
return `user-thumbnail-box ${boxClass}`;
},
},
watch: {
src(value, oldValue) {
@ -142,6 +146,10 @@ export default {
max-width: 100%;
position: relative;
&.is-rounded {
border-radius: 50%;
}
.user-thumbnail {
border-radius: 50%;
&.thumbnail-square {