diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2017-06-06 19:23:55 -0400 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2017-06-06 19:23:55 -0400 |
| commit | b235490206f5aea8b1c618e7ffdae20ef052e78d (patch) | |
| tree | 41ab369635de6056fa531d3f37640581561295fd | |
| parent | 4537376b9b9854fcf3b92d64a5337d155303c620 (diff) | |
| download | lastfm-api-b235490206f5aea8b1c618e7ffdae20ef052e78d.tar.gz | |
Prepare for love track feature
| -rw-r--r-- | static/style.css | 19 | ||||
| -rw-r--r-- | templates/index.tmpl | 5 |
2 files changed, 23 insertions, 1 deletions
diff --git a/static/style.css b/static/style.css index e4730aa..c4d2db4 100644 --- a/static/style.css +++ b/static/style.css @@ -28,7 +28,9 @@ header { box-sizing: border-box; color: white; margin-bottom: 1em; + /* box-shadow: 0 0 4px #1A237E; + */ } h1 { @@ -95,6 +97,23 @@ ul.scrobbles .like { text-align: right; } +.swap > .two { + color: #3F51B5; + display: none; +} + +.swap > .one { + color: #4f4f4f; +} + +.swap:hover > .one { + display: none; +} + +.swap:hover > .two { + display: initial; +} + #center { height: 100%; max-width: 1000px; diff --git a/templates/index.tmpl b/templates/index.tmpl index 8468b31..2451c6b 100644 --- a/templates/index.tmpl +++ b/templates/index.tmpl @@ -10,7 +10,10 @@ </div> <div class="like"> <span class="album">{{ago .Time}}</span><br/> - <i class="material-icons">favorite_border</i> + <span class="swap"> + <i class="material-icons one">favorite_border</i> + <i class="material-icons two">favorite</i> + </span> </div> </li> {{- end}} |