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

Removing touch listeners, use window width instead

Browse Source
This commit is contained in:
James Barnsley
2017-05-17 09:07:09 +12:00
parent 30b5b1674d
commit efd7286916
4 changed files with 99 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -249,11 +249,8 @@
}
.list {
.context-menu-trigger {
display: none;
}
&.track-list.edit-mode {
&.track-list {
.context-menu-trigger {
display: block;
position: fixed;

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

@ -22,6 +22,13 @@
background: $yellow !important;
}
.state-icon {
position: absolute;
top: 15px;
left: 15px;
font-size: 10px;
}
:root .notouch:not(.dragging) &:not(.header):not(.no-click):hover {
background: rgba(150,150,150,0.1);
cursor: pointer;
@ -71,35 +78,6 @@
}
}
.select-state {
position: absolute;
top: 15px;
left: 15px;
font-size: 10px;
}
.play-state {
display: none;
position: absolute;
top: 16px;
left: 15px;
font-size: 10px;
}
&.playing {
font-weight: 600;
.play-state {
display: block;
opacity: 1;
}
}
&.playing.selected {
.play-state {
display: none;
}
}
:root .dragging &:hover {
border-top: 3px solid $blue;
margin-top: -3px;
@ -222,13 +200,34 @@
@include responsive( $bp_medium ){
.list-item {
padding: 7px 30px 7px 16px !important;
padding: 7px 30px 7px 48px !important;
.source {
position: static;
float: none;
}
.state-icon {
top: 0;
left: 0;
padding: 19px 17px 15px 17px;
&:after {
display: block;
content: '';
border: 1px solid $darkest_grey;
width: 15px;
height: 15px;
position: absolute;
top: 15px;
left: 15px;
}
.playing {
display: none !important;
}
}
.col {
&.name {
width: 90% !important;
@ -275,13 +274,6 @@
&.header {
display: none;
}
&.track {
.select-state,
.play-state {
display: none !important;
}
}
}
&.queue-track-list {
@ -300,17 +292,5 @@
}
}
}
&.edit-mode {
.list-item {
padding-left: 40px !important;
&.track {
.select-state {
display: block !important;
}
}
}
}
}
}