Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style visited lessons with proper icon instead of emoji

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-04 13:11:29 +02:00
committed by Benedikt Rötsch
parent 9d3c6753b6
commit 38b431f17b
3 changed files with 36 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/stylesheets/style.css
View File

@@ -1192,12 +1192,16 @@ display: flex;
color: #8091a5;
}
.table-of-contents__link.active {
position: relative;
.table-of-contents__link:hover,
.table-of-contents__link.active {
font-family: 'robotomedium', Helvetica, sans-serif;
color: #2a3039;
}
.table-of-contents__link.active {
position: relative;
}
.table-of-contents__link.active:before,
.table-of-contents__link.active:after {
position: absolute;
@@ -1212,16 +1216,6 @@ display: flex;
background: #536171;
}
.table-of-contents__link.active:after {
content: '👁';
left: -22px;
}
.table-of-contents__link:hover {
font-family: 'robotomedium', Helvetica, sans-serif;
color: #2a3039;
}
.table-of-contents__link.visited {
position:relative;
}
@@ -1233,8 +1227,16 @@ display: flex;
}
.table-of-contents__link.visited:after {
content: '👁';
content: '';
display: block;
width: 16px;
height: 16px;
top: 50%;
left: -22px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url('/images/icon-viewed.svg') no-repeat center center;
background-size: contain;
}
.sidebar-menu {}