michael/stable-diffusion-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update tiling button for imageviewer.js to use an icon in same style as others, add mouseover hints

Browse source
This commit is contained in:
AUTOMATIC 2022-09-21 14:22:16 +03:00
parent 390ead187c
commit 1ebb5cc669
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
javascript/imageviewer.js
View file

@ -148,18 +148,21 @@ document.addEventListener("DOMContentLoaded", function() {
modalZoom.className = 'modalZoom cursor'; modalZoom.className = 'modalZoom cursor';
modalZoom.innerHTML = '⤡' modalZoom.innerHTML = '⤡'
modalZoom.addEventListener('click', modalZoomToggle, true) modalZoom.addEventListener('click', modalZoomToggle, true)
modalZoom.title = "Toggle zoomed view";
modalControls.appendChild(modalZoom) modalControls.appendChild(modalZoom)
const modalTileImage = document.createElement('button') const modalTileImage = document.createElement('span')
modalTileImage.className = 'modalTileImage gr-button gr-button-lg gr-button-secondary'; modalTileImage.className = 'modalTileImage cursor';
modalTileImage.innerHTML = 'Preview Image Tiling' modalTileImage.innerHTML = '⊞'
modalTileImage.addEventListener('click', modalTileImageToggle, true) modalTileImage.addEventListener('click', modalTileImageToggle, true)
modalTileImage.title = "Preview tiling";
modalControls.appendChild(modalTileImage) modalControls.appendChild(modalTileImage)
const modalClose = document.createElement('span') const modalClose = document.createElement('span')
modalClose.className = 'modalClose cursor'; modalClose.className = 'modalClose cursor';
modalClose.innerHTML = '×' modalClose.innerHTML = '×'
modalClose.onclick = closeModal; modalClose.onclick = closeModal;
modalClose.title = "Close image viewer";
modalControls.appendChild(modalClose) modalControls.appendChild(modalClose)
const modalImage = document.createElement('img') const modalImage = document.createElement('img')

3
style.css
View file

@ -272,7 +272,8 @@ input[type="range"]{
} }
.modalClose, .modalClose,
.modalZoom { .modalZoom,
.modalTileImage {
color: white; color: white;
font-size: 35px; font-size: 35px;
font-weight: bold; font-weight: bold;