KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

bug: Fixes irregular padding on agent selector in report page (#3593)

Browse source 
* bug: Fixes irregular padding on agent selector in report page

* code climate fixes
This commit is contained in:
Sivin Varghese 2021-12-16 13:20:35 +05:30 committed by GitHub
parent 93f384a3ec
commit e0c9687f5e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/dashboard/assets/scss/plugins/_multiselect.scss
View file

@ -51,6 +51,10 @@
width: 100%;
}
p {
margin-bottom: 0;
}
&.multiselect__option--highlight {
background: var(--white);
color: var(--color-body);

3
app/javascript/dashboard/assets/scss/widgets/_reports.scss
View file

@ -21,6 +21,7 @@
border: 1px solid var(--color-border);
}
.display-flex {
.reports-option__wrap {
align-items: center;
display: flex;
}

8
app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue
View file

@ -15,7 +15,7 @@
@input="changeFilterSelection"
>
<template slot="singleLabel" slot-scope="props">
<div class="display-flex">
<div class="reports-option__wrap">
<thumbnail
src="props.option.thumbnail"
:username="props.option.name"
@ -28,7 +28,7 @@
</div>
</template>
<template slot="option" slot-scope="props">
<div class="display-flex">
<div class="reports-option__wrap">
<thumbnail
src="props.option.thumbnail"
:username="props.option.name"
@ -55,7 +55,7 @@
@input="changeFilterSelection"
>
<template slot="singleLabel" slot-scope="props">
<div class="display-flex">
<div class="reports-option__wrap">
<div
:style="{ backgroundColor: props.option.color }"
class="reports-option__rounded--item margin-right-small"
@ -68,7 +68,7 @@
</div>
</template>
<template slot="option" slot-scope="props">
<div class="display-flex">
<div class="reports-option__wrap">
<div
:style="{ backgroundColor: props.option.color }"
class="