secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Merging track library with history, fixes #285

Browse Source
This commit is contained in:
James Barnsley
2018-06-09 17:41:33 +12:00
parent 31a5577d5c
commit cd5908630c
11 changed files with 169 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/scss/components/_lists.scss
View File

@ -138,67 +138,75 @@
}
}
&.playlist-list .list-item {
cursor: pointer;
&.playlist-list {
.list-item {
cursor: pointer;
.col {
&.name {
width: 50%;
}
&.owner {
width: 20%
}
&.source,
&.can_edit,
&.tracks_total,
&.popularity {
width: 10%;
.col {
&.name {
width: 50%;
}
&.owner {
width: 20%
}
&.source,
&.can_edit,
&.tracks_total,
&.popularity {
width: 10%;
}
}
}
}
&.album-list .list-item {
cursor: pointer;
&.album-list {
.list-item {
cursor: pointer;
.col {
&.name,
&.artists {
width: 30%;
}
&.added_at,
&.release_date {
width: 15%;
}
&.tracks_total {
width: 10%;
.col {
&.name,
&.artists {
width: 30%;
}
&.added_at,
&.release_date {
width: 15%;
}
&.tracks_total {
width: 10%;
}
}
}
}
&.library-local-album-list .list-item{
cursor: pointer;
&.library-local-album-list {
.list-item {
cursor: pointer;
.col {
&.name,
&.artists {
width: 45%;
}
&.tracks_total {
width: 10%;
.col {
&.name,
&.artists {
width: 45%;
}
&.tracks_total {
width: 10%;
}
}
}
}
&.artist-list .list-item {
cursor: pointer;
&.artist-list {
.list-item {
cursor: pointer;
.col {
&.name {
width: 70%;
}
&.followers_total,
&.popularity {
width: 15%;
.col {
&.name {
width: 70%;
}
&.followers_total,
&.popularity {
width: 15%;
}
}
}
}
@ -236,16 +244,19 @@
}
}
&.queue-history-track-list .list-item {
cursor: pointer;
.col {
&.name {
width: 60%;
}
&.played_at,
&.source {
width: 20%;
&.queue-history-track-list {
.list-item {
cursor: pointer;
.col {
&.name,
&.artists,
&.album {
width: 25%;
}
&.played_at {
width: 15%;
}
}
}
}

14
src/scss/components/_loader.scss
View File

@ -40,26 +40,28 @@
}
.body-loader {
padding: 35vh 0;
&.loading {
padding: 35vh 0;
.loader {
opacity: 1;
}
}
&.lazy-loader {
padding: 20px;
height: 40px;
.loader {
height: 40px;
width: 40px;
.loader {
opacity: 0;
}
&.loading {
padding: 20px;
height: 40px;
.loader {
height: 40px;
width: 40px;
opacity: 1;
}
}