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

Rotate the map key icons

Browse Source 
We’ve had some feedback that the map key icons look a bit like
checkboxes, and that this might have confused a user during the
research.

So we need a way of making them look different to checkboxes. We don’t
want to change the border thickness because it matches what’s on the
map. A different approach is changing the shape.

Shapes that might still be confusing:
- circles (look like radio buttons)
- triangles (look like a warning)

So this commit changes the shape to a diamond, which is easy to acheive
by rotating the square 45 degrees.
This commit is contained in:
Chris Hill-Scott
2020-09-24 16:15:31 +01:00
parent f79a5ca020
commit 19730dad6e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/components/area-list.scss
+5 -4
View File
@@ -94,12 +94,13 @@
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 4px;
left: 0; left: govuk-spacing(1);
width: govuk-spacing(7); width: govuk-spacing(6);
height: govuk-spacing(7); height: govuk-spacing(6);
box-sizing: border-box; box-sizing: border-box;
margin-right: govuk-spacing(1); margin-right: govuk-spacing(1);
transform: rotate(45deg);
} }
&--certain { &--certain {