Floating android-style context trigger on tracklists

This commit is contained in:
James Barnsley
2017-03-02 07:55:28 +13:00
parent 6bf76be853
commit 0aa336eb33
3 changed files with 45 additions and 5 deletions

View File

@ -100,7 +100,7 @@
right: 0;
bottom: 0;
left: 0;
min-height: 200px;
min-height: 180px;
overflow-y: scroll;
background: lighten($dark_grey, 10%);
z-index: 3;
@ -173,3 +173,32 @@
}
}
}
.track-list {
.context-menu-trigger {
display: none;
position: fixed;
bottom: 55px;
right: 10px;
z-index: 97;
border-radius: 50%;
background: $blue;
color: #FFFFFF;
width: 50px;
height: 50px;
overflow: hidden;
margin: 0;
&:hover {
background: $blue;
}
&:active {
background: darken($blue, 10%);
}
@include responsive( $bp_medium ){
display: block;
}
}
}