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%; width: 100%;
} }
p {
margin-bottom: 0;
}
&.multiselect__option--highlight { &.multiselect__option--highlight {
background: var(--white); background: var(--white);
color: var(--color-body); 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); border: 1px solid var(--color-border);
} }
.display-flex { .reports-option__wrap {
align-items: center;
display: flex; display: flex;
} }

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

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