Oliver/solventum-image-metadata
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Download All button placement and visibility

Browse source 
Improved Download All Files button display:
- Changed insertion point from message div to after fileList element
- Added prominent styling with border, background, and shadow
- Increased button size and padding for better visibility
- Added hover effect for better UX

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
SamoilenkoVadym 2026-01-26 13:54:01 +00:00
parent 74639b949a
commit 25bec09f79
1 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
templates/index.html
View file

@ -1932,27 +1932,36 @@
// Create Download All button container
const btnContainer = document.createElement('div');
btnContainer.id = 'download-all-btn';
btnContainer.style.marginTop = '20px';
btnContainer.style.marginTop = '30px';
btnContainer.style.marginBottom = '20px';
btnContainer.style.textAlign = 'center';
btnContainer.style.padding = '20px';
btnContainer.style.backgroundColor = '#f8f9fa';
btnContainer.style.borderRadius = '8px';
btnContainer.style.border = '2px solid #007bff';
const downloadAllBtn = document.createElement('button');
downloadAllBtn.className = 'btn';
downloadAllBtn.style.padding = '12px 24px';
downloadAllBtn.style.fontSize = '16px';
downloadAllBtn.style.padding = '15px 30px';
downloadAllBtn.style.fontSize = '18px';
downloadAllBtn.style.fontWeight = 'bold';
downloadAllBtn.style.backgroundColor = '#007bff';
downloadAllBtn.style.color = 'white';
downloadAllBtn.style.border = 'none';
downloadAllBtn.style.borderRadius = '6px';
downloadAllBtn.style.borderRadius = '8px';
downloadAllBtn.style.cursor = 'pointer';
downloadAllBtn.style.boxShadow = '0 2px 4px rgba(0,123,255,0.3)';
downloadAllBtn.innerHTML = '📦 Download All Files (ZIP)';
downloadAllBtn.onmouseover = function() { this.style.backgroundColor = '#0056b3'; };
downloadAllBtn.onmouseout = function() { this.style.backgroundColor = '#007bff'; };
downloadAllBtn.onclick = downloadAllFiles;
btnContainer.appendChild(downloadAllBtn);
// Insert after the message div
const messageDiv = document.querySelector('.message');
if (messageDiv && messageDiv.parentNode) {
messageDiv.parentNode.insertBefore(btnContainer, messageDiv.nextSibling);
// Insert after the file list
const fileList = document.getElementById('fileList');
if (fileList && fileList.parentNode) {
fileList.parentNode.insertBefore(btnContainer, fileList.nextSibling);
}
}