LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore: Change size of assignee dropdown in header (#2027)

Browse Source 
* Chore: Change size of assignee dropdown in header

* Fix: prevent overflow of agent name in multselect
This commit is contained in:
Nithin David Thomas
2021-04-07 11:45:33 +05:30
committed by GitHub
parent 7c9cd8aa1e
commit a377da9028
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/dashboard/assets/scss/plugins/_multiselect.scss
View File

@@ -118,6 +118,8 @@
} }
.multiselect__single { .multiselect__single {
@include text-ellipsis;
display: inline-block;
margin-bottom: 0; margin-bottom: 0;
padding: var(--space-slab) var(--space-one); padding: var(--space-slab) var(--space-one);
} }

8
app/javascript/dashboard/assets/scss/widgets/_conv-header.scss
View File

@@ -11,11 +11,12 @@ $resolve-button-width: 13.2rem;
.multiselect-box { .multiselect-box {
@include flex; @include flex;
@include flex-align($x: justify, $y: middle); @include flex-align($x: justify, $y: middle);
@include border-light; border: 1px solid var(--color-border);
border-radius: $space-smaller; border-radius: var(--space-smaller);
margin-right: var(--space-small); margin-right: var(--space-small);
width: 20.2rem;
&::before { .icon {
color: $medium-gray; color: $medium-gray;
font-size: $font-size-default; font-size: $font-size-default;
line-height: 3.8rem; line-height: 3.8rem;
@@ -25,6 +26,7 @@ $resolve-button-width: 13.2rem;
.multiselect { .multiselect {
margin: 0; margin: 0;
min-width: 0;
.multiselect__tags { .multiselect__tags {
border: 0; border: 0;

3
app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
View File

@@ -30,7 +30,8 @@
class="header-actions-wrap" class="header-actions-wrap"
:class="{ 'has-open-sidebar': isContactPanelOpen }" :class="{ 'has-open-sidebar': isContactPanelOpen }"
> >
<div class="multiselect-box ion-headphone"> <div class="multiselect-box multiselect-wrap--small">
<i class="icon ion-headphone" />
<multiselect <multiselect
v-model="currentChat.meta.assignee" v-model="currentChat.meta.assignee"
:allow-empty="true" :allow-empty="true"