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

Placeholder for albums/artists/playlists a bit prettier

Browse Source
This commit is contained in:
James Barnsley
2017-02-24 08:40:08 +13:00
parent 4bb52070f8
commit 25d572e391
4 changed files with 126 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/scss/global/_core.scss
View File

@ -111,6 +111,65 @@ h4 {
}
}
.placeholder {
display: inline-block;
height: 1.2em;
width: 100px;
max-width: 100%;
background: rgba(150,150,150,0.15);
pointer-events: none !important;
}
h1 .placeholder {
width: 50%;
}
h2 .placeholder,
h3 .placeholder,
h4 .placeholder {
max-width: 50%;
width: 150px;
}
button.placeholder {
border-color: transparent;
height: auto;
}
.list-wrapper .placeholder {
display: block;
width: auto;
margin: 25px 40px;
height: 10px;
}
.grid-wrapper .placeholder {
height: auto;
&:after {
content: ' ';
display: block;
padding-bottom: 100%;
}
}
.related-artists .list-wrapper .placeholder {
position: relative;
margin: 40px 20px 50px 65px;
&:after {
content: ' ';
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(150,150,150,0.15);
position: absolute;
top: -20px;
left: -65px;
}
}
.no-top-padding { padding-top: 0 !important; }
.no-bottom-padding { padding-bottom: 0 !important; }
.no-right-padding { padding-right: 0 !important; }