a1563917ba
* Adds filter for agents, labels and inboxes * Added Inboxes Reports Feature * Fixed populating of filter dropdown issue * If applied, fixes code climate style-lint warnings * Fixes codeclimate warnings * if applied, Refactors sidebar file to fix codclimate warnings * if applied, fixes the download reports button for filtered report-data * If applied, replaces native img tag with thumbnail component * If applied, replaces hardcoded color string with variable * If applied, adds a11y labels to multiselect dropdowns * If applied, Renames reports methods to generic names * If applied, Adds test cases for Labels and Inboxes * If applied, write a test spec for fileDownload helper * if applied, Moves fileDownload method to a utils folder * If applied, Fixes the report file name type * Test Spec for Reports Store module * Fix specs - add restoreAllMocks Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
.report-card {
|
|
@include padding($space-normal $space-small $space-normal $space-two);
|
|
@include margin($zero);
|
|
cursor: pointer;
|
|
@include custom-border-top(3px, transparent);
|
|
|
|
&.active {
|
|
@include custom-border-top(3px, $color-woot);
|
|
@include background-white;
|
|
.heading,
|
|
.metric {
|
|
color: $color-woot;
|
|
}
|
|
}
|
|
|
|
.heading {
|
|
@include margin($zero);
|
|
font-size: $font-size-small;
|
|
font-weight: $font-weight-bold;
|
|
color: $color-heading;
|
|
}
|
|
|
|
.metric {
|
|
font-size: $font-size-bigger;
|
|
font-weight: $font-weight-feather;
|
|
}
|
|
|
|
.desc {
|
|
@include margin($zero);
|
|
font-size: $font-size-small;
|
|
text-transform: capitalize;
|
|
}
|
|
}
|
|
|
|
.report-bar {
|
|
@include margin(-1px $zero);
|
|
@include background-white;
|
|
@include border-light;
|
|
@include padding($space-small $space-medium);
|
|
|
|
.chart-container {
|
|
@include flex;
|
|
flex-direction: column;
|
|
@include flex-align(center, middle);
|
|
|
|
div {
|
|
width: 100%;
|
|
}
|
|
|
|
.empty-state {
|
|
@include margin($space-jumbo);
|
|
font-size: $font-size-default;
|
|
color: $color-gray;
|
|
}
|
|
}
|
|
}
|