No more touch-and-hold; Mobile selection ONLY via checkbox click/touch
This commit is contained in:
@ -248,25 +248,32 @@
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
|
||||
.list {
|
||||
&.track-list {
|
||||
|
||||
.context-menu-trigger {
|
||||
display: block;
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 5px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
z-index: 97;
|
||||
border-radius: 50%;
|
||||
background: $blue;
|
||||
color: #FFFFFF;
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($blue, 10%);
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include responsive( $bp_medium ){
|
||||
|
||||
.context-menu-trigger {
|
||||
display: block;
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 5px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
z-index: 97;
|
||||
border-radius: 50%;
|
||||
background: $blue;
|
||||
color: #FFFFFF;
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
background: darken($blue, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
|
||||
.list {
|
||||
|
||||
.list-item {
|
||||
@include clearfix;
|
||||
@include animate(0.1s);
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
@ -16,17 +17,27 @@
|
||||
border-top: 1px solid $faint_grey;
|
||||
border-bottom: 1px solid $faint_grey;
|
||||
margin-bottom: -1px;
|
||||
@include clearfix;
|
||||
cursor: pointer;
|
||||
|
||||
&.selected {
|
||||
background: $yellow !important;
|
||||
}
|
||||
|
||||
&.playing {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.state-icon {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 10px;
|
||||
|
||||
.fa {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
:root .notouch:not(.dragging) &:not(.header):not(.no-click):hover {
|
||||
@ -210,7 +221,13 @@
|
||||
.state-icon {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 19px 17px 15px 17px;
|
||||
height: 100%;
|
||||
width: 48px;
|
||||
|
||||
.fa {
|
||||
top: 19px;
|
||||
left: 17px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
|
||||
@ -6,6 +6,7 @@ html {
|
||||
color: #000000;
|
||||
font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
Reference in New Issue
Block a user