ampache_react/app/styles/Album.scss
Phyks (Lucas Verney) ab7470d618 Basic playlist support for webplayer
Webplayer can now handle a basic playlist, pushing multiple songs in the
playlist and passing from one song to another.

Some things that are not yet working:
* Using previous and next buttons and going outside of the playlist
breaks things.
* Random / repeat modes are not yet implemented.
* Playlist is not exposed in the UI at the moment.
* Seeking in a song is not exposed in the UI.
* When playing a song, webplayer does not automatically play the next
one when reaching the end of the song.
2016-08-11 22:01:47 +02:00

66 lines
1.1 KiB
SCSS

/**
* Album component style.
*/
/** Variables */
$rowMarginTop: 30px;
$rowMarginBottom: 10px;
$artMarginBottom: 10px;
/* Style for an album row */
.row {
margin-top: $rowMarginTop;
}
/* Style for album arts */
.art {
display: inline-block;
margin-bottom: $artMarginBottom;
width: 75%;
height: auto;
/* doiuse-disable viewport-units */
max-width: 25vw;
/* doiuse-enable viewport-units */
}
.art:hover {
transform: scale(1.1);
}
/* Play button is based on the one in Songs list. */
.play {
composes: play from "./Songs.scss";
}
/* Play next button is based on the one in Songs list. */
.playNext {
composes: playNext from "./Songs.scss";
}
@media (max-width: 767px) {
.nameRow h2 {
margin-top: 0;
margin-bottom: 0;
}
.artRow p,
.artRow img {
margin: 0;
}
.nameRow,
.artRow {
float: none;
display: inline-block;
vertical-align: middle;
margin-bottom: $rowMarginBottom;
}
.songs {
composes: songs from "./Songs.scss";
}
}