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

Exposing context menu regardless of screen size, rely on touch vs notouch #186

Browse Source
This commit is contained in:
James Barnsley
2017-09-03 08:18:52 +12:00
parent 80077ea01d
commit 1e365c040f
1 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/scss/components/_context-menu.scss
View File

@ -313,36 +313,28 @@
}
}
.list {
.touch .list {
&.track-list {
.context-menu-trigger {
display: none;
}
@include responsive( $bp_medium ){
@include gradient_overlay(50%, 0.15);
display: block;
position: fixed;
bottom: 55px;
right: 5px;
width: 48px;
height: 8px;
padding: 20px 0;
overflow: hidden;
z-index: 97;
background: $blue;
.context-menu-trigger {
@include gradient_overlay(50%, 0.15);
display: block;
position: fixed;
bottom: 55px;
right: 5px;
width: 48px;
height: 8px;
padding: 20px 0;
overflow: hidden;
z-index: 97;
background: $blue;
.dot {
background: $white;
}
&:focus,
&:active {
background: darken($blue, 10%);
}
.dot {
background: $white;
}
&:focus,
&:active {
background: darken($blue, 10%);
}
}
}