Added some logic in the playqueue (play next / play previous handling)

2018-03-19 13:45:09 +01:00
parent 50036c8918
commit 5006a82ce6
8 changed files with 163 additions and 188 deletions
@@ -1,191 +1,5 @@
-.main-nav {
-	margin-bottom: 0px;
-}

-.playqueue {
-	background-color: #EEE;
-	border-radius: 10px;
-	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-}
-
-.playqueue-playing {
+.Lms-playqueue-selected {
 	font-weight: bold;
 }

-.playqueue-track {
-	font-size: 120%;
-	margin-top: 12px;
-	line-height: normal;
-}
-
-.playqueue-artist {
-	line-height: normal;
-	font-style: italic;
-}
-
-.playqueue-cover {
-	width: 64px;
-	height: 64px;
-}
-
-.mediaplayer-track {
-	font-weight: bold;
-	font-size: 120%;
-}
-
-.mediaplayer-artist {
-	font-style: italic;
-}
-
-.mediaplayer {
-	background-color: #CCC;
-	border-radius: 10px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	height: 72px;
-	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-}
-
-.mediaplayer-cover {
-	margin: 8px;
-	width: 64px;
-	min-width: 64px;
-	height: 64px;
-	min-height: 64px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.mediaplayer-cover img {
-	border-radius: 8px;
-	border-radius: 8px;
-	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-}
-
-.mediaplayer-btn {
-	margin: 8px;
-}
-
-.mediaplayer-btn i {
-	cursor: pointer;
-	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-}
-
-.mediaplayer-btn-active {
-	color: #428bca;
-}
-
-.mediaplayer-info-container {
-	width: 100%;
-	min-width: 100px;
-	margin: 8px;
-}
-
-.mediaplayer-track-info {
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-.mediaplayer-progress-container {
-	display: flex;
-	align-items: center;
-}
-
-.mediaplayer-badge {
-	min-width: initial;
-}
-
-.mediaplayer-current-duration {
-	margin-right: 8px;
-}
-.mediaplayer-total-duration {
-	margin-left: 8px;
-}
-
-.mediaplayer-seekbar {
-}
-
-.mediaplayer-volume-container {
-	width: 24px;
-	height: 64px;
-	margin: 8px;
-}
-
-.mediaplayer-volume {
-	height: 64px;
-	-webkit-appearance: slider-vertical;
-	writing-mode: bt-lr;
-}
-
-.mobile-btn {
-	margin: 8px;
-}
-
-.mobile-btn-active {
-	color: #428bca;
-}
-
-.mobile-btn i {
-	cursor: pointer;
-	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
-}
-
-.mobile-search-title {
-	font-weight: bold;
-	height: 32px;
-	line-height: 32px;
-	background-color: grey;
-	color: white;
-	text-align: center;
-}
-
-.mobile-search-entry {
-	min-height: 64px;
-	border-bottom: 1px solid lightgray;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.mobile-search-entry:active {
-	background-color: lightgrey;
-}
-
-.mobile-search-more {
-	height: 64px;
-	border-bottom: 1px solid lightgray;
-}
-
-.mobile-search-more:active {
-	background-color: lightgrey;
-}
-
-.mobile-track {
-	font-weight: bold;
-}
-
-.mobile-artist {
-	font-style: italic;
-}
-
-.vertical-align {
-	display: flex;
-	align-items: center;
-}
-
-.mobile-audio-footer {
-	background-color: #f5f5f5;
-	height: 60px;
-}
-
-.mobile-audio-player-cover {
-	width:	48px;
-	height:	48px;
-}
-
-.release_res_shadow {
-	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5)
-}
-