Files
notifications-admin/app/assets/stylesheets/components/big-number.scss
Chris Hill-Scott b38ae08ad6 Put some statistics on the dashboard
This commit adds two new sections to the dashboard

1. A banner telling you about trial mode, including a count of how many messages
   you have left today, which is a restriction of trial mode

2. Panels with counts of how many emails and text messages have been sent in a
   day, plus the failure rates for each

It does **not**:
- link through to any further information about what trial mode is (coming
  later)
- link through to pages for the failure rates (coming later)
- change the ‘recent jobs’ section to ‘recent notifications’
2016-03-17 14:06:12 +00:00

68 lines
890 B
SCSS

%big-number,
.big-number {
@include bold-48($tabular-numbers: true);
&-label {
@include core-19;
display: block;
padding-bottom: $gutter-half;
}
}
.big-number-with-status {
@extend %big-number;
background: $text-colour;
color: $white;
.big-number {
padding: 15px;
}
.big-number-label {
padding-bottom: 0;
}
.big-number-status {
display: block;
background: $green;
position: relative;
&-error-percentage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: $error-colour;
z-index: 1;
}
a {
&:link,
&:visited,
&:active,
&:hover {
color: $white;
}
}
.big-number {
@include bold-19;
position: relative;
z-index: 2;
}
.big-number-label {
display: inline;
}
}
}