darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-11 05:43:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Change cross icon to one with better contrast

Browse Source 
Swaps out the old one (solid colour with lighter
grey) for one with the same colour as the text,
but no fill.

Also swaps out for an SVG for better scaling.
This commit is contained in:
Tom Byers
2020-09-09 15:09:05 +01:00
parent 78fcf8bf35
commit 88b5cd9f5c
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/images/cross-grey.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="19px" height="19px" viewBox="0 0 128 128"><polygon points="38,12 12,38 38,64 12,90 38,116 64,90 90,116 116,90 90,64 116,38 90,12 64,38" stroke="#6f777b" stroke-width="10px" fill="none"></polygon></svg>
Side by Side

After

Width:  |  Height:  |  Size: 249 B

3
app/assets/stylesheets/components/tick-cross.scss
View File

@@ -17,8 +17,7 @@
&-cross {
@extend %tick-cross;
color: $secondary-text-colour;
background-image: file-url('cross-grey.png');
box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6);
background-image: file-url('cross-grey.svg');
}
&-list {