Files
notifications-admin/app/assets/stylesheets/components/show-more.scss
Chris Hill-Scott 1b8236f5f8 Make template usage on dashboard easier to scan
The dashboard looked a bit table-y. This commit makes four main changes:

- show a bar chart (drawn in CSS) for template usage (only shown if
  you’ve used more than one template recently)
- only break down template usage by template name, not template type
  (because that’s happening with the big numbers)
- change the style of the ‘show more’ links under each section so that
  they are all consistent, and a little less busy (one less keyline)
- remove the ‘recent templates‘ title so that the first two sections of
  the page group under ‘in the last 7 days’
2016-05-13 09:59:41 +01:00

35 lines
578 B
SCSS

.show-more {
@include core-16;
display: block;
padding: 0 0;
margin: $gutter-half 0 $gutter 0;
text-align: center;
border-top: 1px solid $border-colour;
&:focus {
outline: none;
color: $text-colour;
box-shadow: 0 -10px 0 0 $yellow;
border-color: $yellow;
span {
background: $yellow;
outline: none;
border-color: $text-colour;
}
}
span {
position: relative;
top: -11px;
outline: 10px solid white;
background: $white;
display: inline-block;
border-bottom: 1px solid $light-blue;
}
}