Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Respond to wheel event in the image popup

Browse Source
This commit is contained in:
Kovid Goyal 2023-02-16 13:42:16 +05:30
parent c4f3fe5745
commit c9b0c23aeb
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pyj/image_popup.pyj
View File

@ -67,6 +67,7 @@ class ImagePopup(TouchHandler):
style=f'display:none; position:absolute; left:0; top: 0; z-index: {MODAL_Z_INDEX}; width: 100vw; height: 100vh; padding: 0; margin: 0; border-width: 0; box-sizing: border-box', style=f'display:none; position:absolute; left:0; top: 0; z-index: {MODAL_Z_INDEX}; width: 100vw; height: 100vh; padding: 0; margin: 0; border-width: 0; box-sizing: border-box',
id=self.container_id, tabindex='0', class_='calibre-image-popup', id=self.container_id, tabindex='0', class_='calibre-image-popup',
onkeydown=self.onkeydown, onkeydown=self.onkeydown,
onwheel=self.onwheel,
E.div( E.div(
style='position: fixed; top: 0; left: 0; text-align: right; width: 100%; font-size: 200%; padding: 0.25ex; box-sizing: border-box; display: flex; justify-content: space-between', style='position: fixed; top: 0; left: 0; text-align: right; width: 100%; font-size: 200%; padding: 0.25ex; box-sizing: border-box; display: flex; justify-content: space-between',
E.a( E.a(
@ -89,6 +90,16 @@ class ImagePopup(TouchHandler):
window.addEventListener('resize', debounce(self.resize_canvas, 250)) window.addEventListener('resize', debounce(self.resize_canvas, 250))
return self._container return self._container
def onwheel(self, ev):
ev.stopPropagation(), ev.preventDefault()
dy = ev.deltaY
dx = ev.deltaX
if ev.deltaMode is window.WheelEvent.DOM_DELTA_LINE:
dy *= 20
dx *= 20
self.scroll_y(dy)
self.scroll_x(dx)
def onkeydown(self, ev): def onkeydown(self, ev):
ev.preventDefault(), ev.stopPropagation() ev.preventDefault(), ev.stopPropagation()
if ev.key is ' ': if ev.key is ' ':
@ -285,6 +296,7 @@ class ImagePopup(TouchHandler):
def toggle_fit_to_window(self): def toggle_fit_to_window(self):
self.fit_to_window ^= True self.fit_to_window ^= True
self.x = self.y = 0
self.update_canvas() self.update_canvas()
def image_loaded(self): def image_loaded(self):