| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 :host { | 5 :host { |
| 6 align-items: center; | 6 align-items: center; |
| 7 background: rgb(245, 245, 245); | 7 background: rgb(245, 245, 245); |
| 8 bottom: 72px; /* Room for the controls bar. */ | 8 bottom: 72px; /* Room for the controls bar. */ |
| 9 color: rgb(51, 51, 51); | 9 color: rgb(51, 51, 51); |
| 10 cursor: default; | 10 cursor: default; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 background-color: rgba(0, 0, 0, 0.08); | 39 background-color: rgba(0, 0, 0, 0.08); |
| 40 } | 40 } |
| 41 | 41 |
| 42 /* Track icon. */ | 42 /* Track icon. */ |
| 43 .track .icon { | 43 .track .icon { |
| 44 background-position: center; | 44 background-position: center; |
| 45 background-repeat: no-repeat; | 45 background-repeat: no-repeat; |
| 46 flex: none; | 46 flex: none; |
| 47 height: 32px; | 47 height: 32px; |
| 48 margin: 8px; | 48 margin: 8px; |
| 49 pointer-events: none; |
| 49 width: 32px; | 50 width: 32px; |
| 50 } | 51 } |
| 51 | 52 |
| 52 .track:hover .icon { | 53 .track:hover .icon { |
| 53 background-image: -webkit-image-set( | 54 background-image: -webkit-image-set( |
| 54 url(../assets/100/playlist_play.png) 1x, | 55 url(../assets/100/playlist_play.png) 1x, |
| 55 url(../assets/200/playlist_play.png) 2x); | 56 url(../assets/200/playlist_play.png) 2x); |
| 57 pointer-events: auto; |
| 56 } | 58 } |
| 57 | 59 |
| 58 .track[active] .icon { | 60 .track[active] .icon { |
| 59 background-image: -webkit-image-set( | 61 background-image: -webkit-image-set( |
| 60 url(../assets/100/playlist_now_playing.png) 1x, | 62 url(../assets/100/playlist_now_playing.png) 1x, |
| 61 url(../assets/200/playlist_now_playing.png) 2x); | 63 url(../assets/200/playlist_now_playing.png) 2x); |
| 62 } | 64 } |
| 63 | 65 |
| 64 /* Track data. */ | 66 /* Track data. */ |
| 65 | 67 |
| (...skipping 16 matching lines...) Expand all Loading... |
| 82 .track .data .data-title { | 84 .track .data .data-title { |
| 83 color: rgb(51, 51, 51); | 85 color: rgb(51, 51, 51); |
| 84 font-size: 13px; | 86 font-size: 13px; |
| 85 font-weight: 500; | 87 font-weight: 500; |
| 86 } | 88 } |
| 87 | 89 |
| 88 .track .data .data-artist { | 90 .track .data .data-artist { |
| 89 color: rgb(100, 100, 100); | 91 color: rgb(100, 100, 100); |
| 90 font-size: 12px; | 92 font-size: 12px; |
| 91 } | 93 } |
| OLD | NEW |