holm/easydiffusion
1
0
Fork 0
forked from extern/easydiffusion
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved copy icon css to main.css

Browse Source
This commit is contained in:
Marc-Andre Ferland 2022-11-03 02:09:42 -04:00
parent 045ad78bb9
commit 950b226374
2 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/media/css/main.css
View File

@ -569,6 +569,19 @@ input::file-selector-button {
position: relative; position: relative;
transform: translateY(-13%); transform: translateY(-13%);
} }
#copy-image-settings {
cursor: pointer;
padding: 8px;
opacity: 1;
transition: opacity 0.5;
}
.collapsible:not(.active) #copy-image-settings {
display: none;
}
#copy-image-settings.hidden {
opacity: 0;
pointer-events: none;
}
.simple-tooltip { .simple-tooltip {
border-radius: 3px; border-radius: 3px;

16
ui/media/js/dnd.js
View File

@ -349,22 +349,6 @@ document.addEventListener("dragover", dragOverHandler)
// Adds a copy icon if the browser grants permission to write to clipboard. // Adds a copy icon if the browser grants permission to write to clipboard.
function checkWriteToClipboardPermission (result) { function checkWriteToClipboardPermission (result) {
if (result.state == "granted" || result.state == "prompt") { if (result.state == "granted" || result.state == "prompt") {
const style = document.createElement('style');
style.textContent = `
#copy-image-settings {
cursor: pointer;
padding: 8px;
opacity: 1;
transition: opacity 0.5;
}
.collapsible:not(.active) #copy-image-settings {
display: none;
}
#copy-image-settings.hidden {
opacity: 0;
pointer-events: none;
}`;
document.head.append(style);
const resetSettings = document.getElementById('reset-image-settings') const resetSettings = document.getElementById('reset-image-settings')
const copyIcon = document.createElement('i') const copyIcon = document.createElement('i')
copyIcon.id = 'copy-image-settings' copyIcon.id = 'copy-image-settings'