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

Fix: Agent name overflow in dropdown menu (#2047)

Browse Source 
* Fixes agent name overflow

Co-authored-by: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
This commit is contained in:
Sivin Varghese
2021-04-19 22:24:45 +05:30
committed by GitHub
parent 773557e49b
commit fa525fc107
4 changed files with 51 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,46 +29,57 @@
&::before {
right: 0;
top: 60%;
}
}
.multiselect__content .multiselect__option {
font-size: $font-size-small;
font-weight: $font-weight-normal;
.multiselect__content {
max-width: 100%;
&.multiselect__option--highlight {
background: var(--white);
color: var(--color-body);
}
.multiselect__option {
font-size: $font-size-small;
font-weight: $font-weight-normal;
&.multiselect__option--highlight:hover {
background: var(--w-50);
color: var(--color-body);
&::after {
background: var(--w-50);
color: var(--s-600);
span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
}
&.multiselect__option--highlight::after {
background: transparent;
}
&.multiselect__option--selected {
background: var(--w-400);
color: var(--white);
&.multiselect__option--highlight {
background: var(--white);
color: var(--color-body);
}
&.multiselect__option--highlight:hover {
background: var(--w-600);
color: var(--white);
background: var(--w-50);
color: var(--color-body);
&::after {
background: transparent;
background: var(--w-50);
color: var(--s-600);
}
}
&.multiselect__option--highlight::after {
background: transparent;
}
&.multiselect__option--selected {
background: var(--w-400);
color: var(--white);
&.multiselect__option--highlight:hover {
background: var(--w-600);
color: var(--white);
&:hover {
&::after {
background: transparent;
color: var(--white);
}
&::after:hover {
color: var(--color-body);
}
}
@@ -126,7 +137,6 @@
}
.sidebar-labels-wrap {
&.has-edited,
&:hover {
.multiselect {
@@ -149,7 +159,6 @@
}
}
.multiselect-wrap--small {
$multiselect-height: 3.8rem;