darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-12 09:58:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4067 from alphagov/high-contrast-issues-alerts-pages

Browse Source 
High contrast issues alerts pages
This commit is contained in:
Tom Byers
2021-11-18 11:39:27 +00:00
committed by GitHub
parent d84fbc9f72 0971c0a3d8
commit c82b78941e
3 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/components/broadcast-message.scss
View File

@@ -6,6 +6,7 @@
max-width: 464px;
box-sizing: border-box;
padding: govuk-spacing(9) govuk-spacing(3) govuk-spacing(3) govuk-spacing(3);
border: solid 1px transparent; // to show it's area in high contrast mode
background: $panel-colour;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
border-radius: 5px;
@@ -18,10 +19,11 @@
&-heading {
display: block;
position: absolute;
top: 0;
left: 0;
top: -1px;
left: -1px;
padding: govuk-spacing(2) + 1px govuk-spacing(3) (govuk-spacing(2) - 1px) 46px;
width: 100%;
border: solid 1px transparent; // to show it's area in high contrast mode
width: calc(100% + 2px); // grow to overlap wrapper's border (when combined with top and left)
box-sizing: border-box;
font-weight: bold;
background: $grey-1 file-url('exclamation.svg');

3
app/assets/stylesheets/components/pill.scss
View File

@@ -122,7 +122,8 @@
display: block;
text-align: left;
padding: 10px govuk-spacing(3);
padding: 9px (govuk-spacing(3) - 1);
border: 1px solid transparent;
text-align: center;
&:link,

5
app/assets/stylesheets/components/textbox.scss
View File

@@ -39,6 +39,11 @@
padding-bottom: govuk-spacing(3);
z-index: 10;
// transparent borders become visible in high contrast modes so set to match background
@media (-ms-high-contrast: active), (forced-colors: active) {
border-color: Canvas;
}
.placeholder,
.placeholder-conditional {
color: transparent;