maxenceg2m/iTunes
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Improve icon on table (heart+stars)

Browse Source
This commit is contained in:
Maxence G. de Montauzan
2017-10-17 00:50:58 +02:00
parent 20ca082d9d
commit e4cf58528a
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dashboard/src/app/artist/artist.component.css
View File

@@ -1,7 +1,12 @@
/* Vertical align for all tables */
.table > tbody > tr > td {
vertical-align: middle;
}
/* Rating star */
.star {
color:rgb(38, 135, 251);
}
.table tbody > tr > td.star {
white-space: nowrap;
}
@@ -16,3 +21,10 @@
50% { transform: scale(1.3); }
100% { transform: scale(1); }
}
/* A class to just have an icon on the right of the table for heart */
.table tbody > tr > td.loved {
border: 0px;
background-color: white;
margin-left: 5px;
}

2
dashboard/src/app/artist/artist.component.html
View File

@@ -125,7 +125,7 @@
<span *ngIf="song.Rating >= 80" class="glyphicon glyphicon-star-empty"></span>
<span *ngIf="song.Rating >= 100" class="glyphicon glyphicon-star-empty"></span>
</td>
<td *ngIf="song.Loved"><span class="glyphicon glyphicon-heart heart"></span></td>
<td *ngIf="song.Loved" class="loved" ><span class="glyphicon glyphicon-heart heart"></span></td>
</tr>
</tbody>
</table>