feat: Display trends in report metrics (#4144)

2022-03-14 18:15:27 +05:30
parent 5edf0f2bbe
commit c62d74a01d
11 changed files with 235 additions and 29 deletions
--- a/app/javascript/dashboard/assets/scss/widgets/_report.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_report.scss
@@ -20,12 +20,30 @@
    color: $color-heading;
  }

+  .metric-wrap {
+    align-items: baseline;
+    display: flex;
+  }
+
  .metric {
    font-size: $font-size-big;
    font-weight: $font-weight-feather;
    margin-top: $space-smaller;
  }

+  .metric-trend {
+    font-size: $font-size-small;
+    margin-left: $space-small;
+  }
+
+  .metric-up {
+    color: $success-color;
+  }
+
+  .metric-down {
+    color: $alert-color;
+  }
+
  .desc {
    @include margin($zero);
    font-size: $font-size-small;