Browse Source

Fix touchevents in StoriesViewer

Disable load animation for stories list to prevent blinking
pull/1380/head
Timothée Jaussoin 12 months ago
parent
commit
02024a236d
  1. 1
      app/Widgets/Stories/stories.css
  2. 8
      app/Widgets/StoriesViewer/storiesviewer.js

1
app/Widgets/Stories/stories.css

@ -12,6 +12,7 @@
grid-column: auto;
order: 0;
margin-bottom: 0.25rem;
animation: none;
}
#stories ul.list.flex li.block.add {

8
app/Widgets/StoriesViewer/storiesviewer.js

@ -17,10 +17,10 @@ var StoriesViewer = {
clearTimeout(StoriesViewer.timer);
let image = StoriesViewer.story.querySelector('img');
image.addEventListener('mousedown', e => StoriesViewer.pause());
image.addEventListener('touchstart', e => StoriesViewer.pause());
image.addEventListener('mouseup', e => StoriesViewer.resume());
image.addEventListener('touchend', e => StoriesViewer.resume());
image.addEventListener('mousedown', e => { e.preventDefault(); StoriesViewer.pause()});
image.addEventListener('touchstart', e => { e.preventDefault(); StoriesViewer.pause()});
image.addEventListener('mouseup', e => { e.preventDefault(), StoriesViewer.resume()});
image.addEventListener('touchend', e => { e.preventDefault(), StoriesViewer.resume()});
let next = StoriesViewer.story.querySelector('div.next');

Loading…
Cancel
Save