From 1ebb5cc6696b66968851fb60034e4e707654aa10 Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Wed, 21 Sep 2022 14:22:16 +0300 Subject: update tiling button for imageviewer.js to use an icon in same style as others, add mouseover hints --- javascript/imageviewer.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'javascript') diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js index d2129053..5300b499 100644 --- a/javascript/imageviewer.js +++ b/javascript/imageviewer.js @@ -148,18 +148,21 @@ document.addEventListener("DOMContentLoaded", function() { modalZoom.className = 'modalZoom cursor'; modalZoom.innerHTML = '⤡' modalZoom.addEventListener('click', modalZoomToggle, true) + modalZoom.title = "Toggle zoomed view"; modalControls.appendChild(modalZoom) - const modalTileImage = document.createElement('button') - modalTileImage.className = 'modalTileImage gr-button gr-button-lg gr-button-secondary'; - modalTileImage.innerHTML = 'Preview Image Tiling' + const modalTileImage = document.createElement('span') + modalTileImage.className = 'modalTileImage cursor'; + modalTileImage.innerHTML = '⊞' modalTileImage.addEventListener('click', modalTileImageToggle, true) + modalTileImage.title = "Preview tiling"; modalControls.appendChild(modalTileImage) const modalClose = document.createElement('span') modalClose.className = 'modalClose cursor'; modalClose.innerHTML = '×' modalClose.onclick = closeModal; + modalClose.title = "Close image viewer"; modalControls.appendChild(modalClose) const modalImage = document.createElement('img') -- cgit v1.2.3