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

Use design system icon for breadcrumb

Browse Source 
This is nicer because it’s drawn with CSS (so is resolution independent)
and is a bit darker to match the border colour (visually if not
actually).
This commit is contained in:
Chris Hill-Scott
2019-06-24 15:49:02 +01:00
parent 40fdf711e1
commit acd992183c
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/stylesheets/components/navigation.scss
View File

@@ -74,13 +74,28 @@
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
background-image: file-url("separator-2x.png");
background-size: 6px 11px;
background-repeat: no-repeat;
background-position: right 5px top ($padding-top + 5px);
padding: $padding-top 20px $padding-bottom 0; padding: $padding-top 20px $padding-bottom 0;
margin-right: 7px; margin-right: 7px;
box-sizing: border-box; box-sizing: border-box;
position: relative;
&:before {
content: "";
display: block;
position: absolute;
top: -1px;
bottom: 1px;
right: 6px;
width: 7px;
height: 7px;
margin: auto 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: solid;
border-width: 1px 1px 0 0;
border-color: $secondary-text-colour;
}
&:hover { &:hover {
color: $link-hover-colour; color: $link-hover-colour;