darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-05 07:18:25 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
295f301c19df42db59aff6c131f6bc4dc630c024
notifications-admin/app/assets/stylesheets/components/show-more.scss

41 lines
786 B
SCSS
Raw Normal View History

Show upcoming jobs on the dashboard On the dashboard: - adds a new ‘in the next 24 hours’ section to the dashboard which lists upcoming jobs - tweaks some spacing on the dashboard so that it doesn’t look like too much of a mess - don’t show scheduled jobs in the table of normal jobs On the jobs page: - don’t show scheduled jobs
2016-08-09 10:39:57 +01:00
%show-more,
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-11 15:05:40 +01:00
.show-more {
@include core-16;
display: block;
padding: 0 0;
Replace $gutter with govuk-spacing function Replaced `$gutter` and similar variables such as `$gutter-half` with the `govuk-spacing()` static spacing function. This uses `govuk-spacing()` instead of `$govuk-gutter` because `$govuk-gutter` should only be used for the gaps in between grid columns and we were mostly using `$gutter` to add more space around elements. There are other places in the SCSS files where we had hardcoded a measurement in px which could be replaced with `govuk-spacing`, but this commit only replaces the existing uses of `$gutter`.
2020-02-21 13:21:44 +00:00
margin: govuk-spacing(3) 0 govuk-spacing(3) 0;
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-11 15:05:40 +01:00
text-align: center;
border-top: 1px solid $border-colour;
&:focus {
Show upcoming jobs on the dashboard On the dashboard: - adds a new ‘in the next 24 hours’ section to the dashboard which lists upcoming jobs - tweaks some spacing on the dashboard so that it doesn’t look like too much of a mess - don’t show scheduled jobs in the table of normal jobs On the jobs page: - don’t show scheduled jobs
2016-08-09 10:39:57 +01:00
Fix focus style on 'show more' links
2020-09-14 22:24:23 +01:00
border-color: transparent;
/* override default focus style to increase top yellow box-shadow */
box-shadow: 0 -15px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;
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-11 15:05:40 +01:00
span {
outline: none;
Fix focus style on 'show more' links
2020-09-14 22:24:23 +01:00
border-color: transparent;
background-color: transparent;
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-11 15:05:40 +01:00
}
}
span {
position: relative;
top: -11px;
outline: 10px solid white;
background: $white;
display: inline-block;
border-bottom: 1px solid $light-blue;
}
}
Show upcoming jobs on the dashboard On the dashboard: - adds a new ‘in the next 24 hours’ section to the dashboard which lists upcoming jobs - tweaks some spacing on the dashboard so that it doesn’t look like too much of a mess - don’t show scheduled jobs in the table of normal jobs On the jobs page: - don’t show scheduled jobs
2016-08-09 10:39:57 +01:00
Revert "Revert "Restyle template statistics and received text messages""
2020-02-18 16:16:51 +00:00
.show-more-no-border {
Restyle template statistics This makes the template statistics section of the dashboard look less like its own weird thing and more like: - the templates page - the upcoming changes to the styling of the received text messages banner on the dashboard
2020-02-12 10:45:15 +00:00
@extend %show-more;
Revert "Revert "Restyle template statistics and received text messages""
2020-02-18 16:16:51 +00:00
border-top: 1px solid transparent;
margin-top: -5px;
Restyle template statistics This makes the template statistics section of the dashboard look less like its own weird thing and more like: - the templates page - the upcoming changes to the styling of the received text messages banner on the dashboard
2020-02-12 10:45:15 +00:00
}
Reference in New Issue Copy Permalink