Current track panel

2017-06-16 09:44:19 +12:00
parent 911f07a806
commit 1c1de75a6f
2 changed files with 32 additions and 4 deletions
--- a/src/scss/components/_playback-controls.scss
+++ b/src/scss/components/_playback-controls.scss
@ -11,12 +11,40 @@
 	border-top: 1px solid $light_grey;

 	.current-track {
+		@include animate();
+		cursor: pointer;
 		position: absolute;
 		bottom: 51px;
 		background: $white;
-		height: 100px;
 		width: 220px;
 		border-top: 1px solid $light_grey;
+		font-size: 16px;
+
+		.thumbnail {
+			float: left;
+			margin: 12px;
+		}
+
+		.title {
+			padding-top: 18px;
+			@include one_line_text;
+		}
+
+		.artist-sentence {
+			opacity: 0.5;
+			display: block;
+			@include one_line_text;
+
+			.artist {
+				color: inherit;
+				text-decoration: none;
+				border-bottom: 1px dotted transparent;
+			}
+		}
+
+		&:hover {
+			background: $faint_grey;
+		}
 	}

 	.control {