Responsive adjustments; Removing library dropzone; Sidebar hide on navigation

This commit is contained in:
James Barnsley
2016-11-30 09:32:46 +13:00
parent 83a899f24e
commit 5f07e855bd
11 changed files with 66 additions and 21 deletions

View File

@ -1,7 +1,7 @@
.album-view {
.main {
padding-left: 35%;
padding-left: 300px;
.title {
padding: 30px 40px;
@ -20,7 +20,7 @@
top: 0;
left: 0;
bottom: 0;
width: 35%;
width: 300px;
background: $faint_grey;
.thumbnail {
@ -78,6 +78,10 @@
.main {
padding-left: 0;
.title {
padding: 20px;
}
}
.intro {
@ -87,6 +91,15 @@
.artist-grid {
display: none;
}
.details {
padding: 20px;
li {
display: inline-block;
padding-right: 15px;
}
}
}
}
}

View File

@ -1,7 +1,7 @@
.playlist-view {
.main {
padding-left: 35%;
padding-left: 300px;
.title {
padding: 30px 40px;
@ -20,7 +20,7 @@
top: 0;
left: 0;
bottom: 0;
width: 35%;
width: 300px;
background: $faint_grey;
> .thumbnail {
@ -75,4 +75,29 @@
padding: 30px;
}
}
@include responsive( $bp_medium ){
.main {
padding-left: 0px;
.title {
padding: 20px;
}
}
.intro {
width: auto;
position: static;
.details {
padding: 20px;
li {
display: inline-block;
padding-right: 15px;
}
}
}
}
}