From c7ca3ae277f5caff3c06eb16b97d7488e0c6b2af Mon Sep 17 00:00:00 2001 From: Ethanfel Date: Sat, 4 Apr 2026 11:48:14 +0200 Subject: [PATCH] fix: replace broken hover tooltip with click-to-open dialog for image preview Quasar tooltip size constraints prevent large images from rendering. Thumbnail is now clickable (cursor:pointer) and opens a full-size dialog. Co-Authored-By: Claude Sonnet 4.6 --- tab_batch_ng.py | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/tab_batch_ng.py b/tab_batch_ng.py index 75a9f5e..3b36180 100644 --- a/tab_batch_ng.py +++ b/tab_batch_ng.py @@ -571,14 +571,12 @@ def _render_sequence_card(i, seq, batch_list, data, file_path, state, img_path = Path(seq.get(img_key, '')) if seq.get(img_key) else None if (img_path and img_path.exists() and img_path.suffix.lower() in IMAGE_EXTENSIONS): - thumb = ui.image(str(img_path)).style( + with ui.dialog() as img_dlg, ui.card().style('max-width:90vw'): + ui.image(str(img_path)).style('max-width:80vw; max-height:80vh') + ui.image(str(img_path)).style( 'width:36px; height:36px; object-fit:cover;' - ' border-radius:4px; cursor:default; flex-shrink:0') - with thumb: - with ui.tooltip().props('max-width=none').style( - 'background:transparent; padding:4px; box-shadow:none'): - ui.image(str(img_path)).style( - 'max-width:400px; max-height:400px; border-radius:6px') + ' border-radius:4px; cursor:pointer; flex-shrink:0' + ).on('click', img_dlg.open) str_inp = dict_number('Strength', seq, str_key, default=1.0, step=0.05, format='%.2f').style( 'width:80px').props('outlined dense')