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

Touchend detection of taps, removes need for select zone

Browse Source
This commit is contained in:
James Barnsley
2017-12-19 21:14:01 +13:00
parent 46381d2319
commit f96437e8a9
3 changed files with 47 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/scss/components/_lists.scss
View File

@ -118,6 +118,29 @@
margin-top: -3px;
background: transparent;
}
&.has-touch-drag-zone {
padding-left: 45px;
.drag-zone {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 34px;
font-size: 14px;
display: block;
color: $mid_grey;
.fa {
position: absolute;
top: 50%;
left: 10px;
margin-top: -6px;
pointer-events: none;
}
}
}
}
}
@ -240,71 +263,6 @@
}
}
.touch &.track-list {
.list-item {
&.can-sort {
padding-left: 70px !important;
}
&:not(.can-sort){
padding-left: 45px !important;
}
.select-zone {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 34px;
font-size: 8px;
display: block;
.fa {
position: absolute;
top: 50%;
left: 17px;
margin-top: -3px;
pointer-events: none;
color: $white;
z-index: 1;
}
&:after {
display: block;
content: '';
border: 1px solid $mid_grey;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 14px;
margin-top: -7px;
}
}
.drag-zone {
position: absolute;
top: 0;
left: 34px;
height: 100%;
width: 34px;
font-size: 14px;
display: block;
color: $mid_grey;
.fa {
position: absolute;
top: 50%;
left: 6px;
margin-top: -6px;
pointer-events: none;
}
}
}
}
@include responsive($bp_medium){
.list-item {