diff --git a/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss b/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss index 36df6af14..bc024e024 100644 --- a/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss +++ b/app/javascript/dashboard/assets/scss/plugins/_multiselect.scss @@ -118,6 +118,8 @@ } .multiselect__single { + @include text-ellipsis; + display: inline-block; margin-bottom: 0; padding: var(--space-slab) var(--space-one); } diff --git a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss index 23616f8de..dc2a4c2d1 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss @@ -11,11 +11,12 @@ $resolve-button-width: 13.2rem; .multiselect-box { @include flex; @include flex-align($x: justify, $y: middle); - @include border-light; - border-radius: $space-smaller; + border: 1px solid var(--color-border); + border-radius: var(--space-smaller); margin-right: var(--space-small); + width: 20.2rem; - &::before { + .icon { color: $medium-gray; font-size: $font-size-default; line-height: 3.8rem; @@ -25,6 +26,7 @@ $resolve-button-width: 13.2rem; .multiselect { margin: 0; + min-width: 0; .multiselect__tags { border: 0; diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue index e8f032a36..228030a45 100644 --- a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue +++ b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue @@ -30,7 +30,8 @@ class="header-actions-wrap" :class="{ 'has-open-sidebar': isContactPanelOpen }" > -