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

enhancement: Show close button for unread view (#2758)

Browse source 
* enhancement: Show close button for unread view

* Fixes issue with button spacing

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
This commit is contained in:
Nithin David Thomas 2021-08-07 11:56:40 +05:30 committed by GitHub
parent 9c257578b0
commit 2035d24cb8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/widget/views/Unread.vue
View file

@ -6,7 +6,7 @@
class="button small close-unread-button"
@click="closeFullView"
>
<i class="ion-close-round" />
<i class="ion-android-close" />
{{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }}
</button>
</div>
@ -73,7 +73,7 @@ export default {
campaign: 'campaign/getActiveCampaign',
}),
showCloseButton() {
return this.unreadMessageCount && this.hideMessageBubble;
return this.unreadMessageCount;
},
sender() {
const [firstMessage] = this.unreadMessages;
@ -154,10 +154,10 @@ export default {
.close-unread-button {
background: $color-background;
color: $color-gray;
color: $color-light-gray;
border: 0;
font-weight: $font-weight-bold;
font-size: $font-size-small;
font-weight: $font-weight-medium;
font-size: $font-size-mini;
transition: all 0.3s $ease-in-cubic;
margin-bottom: $space-slab;
border-radius: $space-normal;
@ -178,7 +178,7 @@ export default {
.unread-messages {
width: 100%;
margin-top: auto;
margin-top: 0;
padding-bottom: $space-small;
display: flex;
flex-direction: column;