diff --git a/app/javascript/dashboard/assets/scss/_woot.scss b/app/javascript/dashboard/assets/scss/_woot.scss index 908daa315..7debac956 100644 --- a/app/javascript/dashboard/assets/scss/_woot.scss +++ b/app/javascript/dashboard/assets/scss/_woot.scss @@ -14,6 +14,7 @@ @import 'helper-classes'; @import 'formulate'; @import 'date-picker'; +@import 'utility-helpers'; @import 'foundation-sites/scss/foundation'; @import '~bourbon/core/bourbon'; diff --git a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss index f286c7bc0..c0d6b1bb6 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss @@ -42,14 +42,6 @@ $resolve-button-width: 13.2rem; margin-right: var(--space-normal); min-width: 0; - .user--name { - @include margin(0); - display: inline-block; - font-size: $font-size-medium; - line-height: 1.3; - text-transform: capitalize; - width: 100%; - } .user--profile__meta { align-items: flex-start; @@ -59,12 +51,6 @@ $resolve-button-width: 13.2rem; margin-left: $space-slab; min-width: 0; } - - .user--profile__button { - font-size: $font-size-mini; - margin-top: $space-micro; - padding: 0; - } } } diff --git a/app/javascript/dashboard/components/widgets/InboxName.vue b/app/javascript/dashboard/components/widgets/InboxName.vue new file mode 100644 index 000000000..cafbabad3 --- /dev/null +++ b/app/javascript/dashboard/components/widgets/InboxName.vue @@ -0,0 +1,35 @@ + + + diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue index 34a47fc9c..3f0be1e79 100644 --- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue +++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue @@ -19,11 +19,7 @@ />
- - - {{ inboxName }} - - + {{ currentContact.name }} - - {{ - `${ - isContactPanelOpen - ? $t('CONVERSATION.HEADER.CLOSE') - : $t('CONVERSATION.HEADER.OPEN') - } ${$t('CONVERSATION.HEADER.DETAILS')}` - }} - +
+ + + {{ snoozedDisplayText }} + + + {{ contactPanelToggleText }} + +
diff --git a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue index 2c73969e5..f7fe31bd2 100644 --- a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue +++ b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue @@ -1,41 +1,29 @@