LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 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
1 changed files with 6 additions and 6 deletions
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" class="button small close-unread-button"
@click="closeFullView" @click="closeFullView"
> >
<i class="ion-close-round" /> <i class="ion-android-close" />
{{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }} {{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }}
</button> </button>
</div> </div>
@@ -73,7 +73,7 @@ export default {
campaign: 'campaign/getActiveCampaign', campaign: 'campaign/getActiveCampaign',
}), }),
showCloseButton() { showCloseButton() {
return this.unreadMessageCount && this.hideMessageBubble; return this.unreadMessageCount;
}, },
sender() { sender() {
const [firstMessage] = this.unreadMessages; const [firstMessage] = this.unreadMessages;
@@ -154,10 +154,10 @@ export default {
.close-unread-button { .close-unread-button {
background: $color-background; background: $color-background;
color: $color-gray; color: $color-light-gray;
border: 0; border: 0;
font-weight: $font-weight-bold; font-weight: $font-weight-medium;
font-size: $font-size-small; font-size: $font-size-mini;
transition: all 0.3s $ease-in-cubic; transition: all 0.3s $ease-in-cubic;
margin-bottom: $space-slab; margin-bottom: $space-slab;
border-radius: $space-normal; border-radius: $space-normal;
@@ -178,7 +178,7 @@ export default {
.unread-messages { .unread-messages {
width: 100%; width: 100%;
margin-top: auto; margin-top: 0;
padding-bottom: $space-small; padding-bottom: $space-small;
display: flex; display: flex;
flex-direction: column; flex-direction: column;