Mirrors
/
stable-diffusion-webui
mirror of https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix accidentally closing popup dialogs

This commit is contained in:
missionfloyd 2023-10-02 22:22:15 -06:00
parent 5ef669de08
commit 86a46e8189
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
javascript/extraNetworks.js
View File

@ -216,27 +216,24 @@ function extraNetworksSearchButton(tabs_id, event) {
var globalPopup = null; var globalPopup = null;
var globalPopupInner = null; var globalPopupInner = null;
function closePopup() { function closePopup() {
if (!globalPopup) return; if (!globalPopup) return;
globalPopup.style.display = "none"; globalPopup.style.display = "none";
} }
function popup(contents) { function popup(contents) {
if (!globalPopup) { if (!globalPopup) {
globalPopup = document.createElement('div'); globalPopup = document.createElement('div');
globalPopup.onclick = closePopup;
globalPopup.classList.add('global-popup'); globalPopup.classList.add('global-popup');
var close = document.createElement('div'); var close = document.createElement('div');
close.classList.add('global-popup-close'); close.classList.add('global-popup-close');
close.onclick = closePopup; close.addEventListener("click", closePopup);
close.title = "Close"; close.title = "Close";
globalPopup.appendChild(close); globalPopup.appendChild(close);
globalPopupInner = document.createElement('div'); globalPopupInner = document.createElement('div');
globalPopupInner.onclick = function(event) {
event.stopPropagation(); return false;
};
globalPopupInner.classList.add('global-popup-inner'); globalPopupInner.classList.add('global-popup-inner');
globalPopup.appendChild(globalPopupInner); globalPopup.appendChild(globalPopupInner);

14
style.css
View File

@ -581,7 +581,6 @@ table.popup-table .link{
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
background-color: rgba(20, 20, 20, 0.95);
} }
.global-popup *{ .global-popup *{
@ -590,9 +589,6 @@ table.popup-table .link{
.global-popup-close:before { .global-popup-close:before {
content: "×"; content: "×";
}
.global-popup-close{
position: fixed; position: fixed;
right: 0.25em; right: 0.25em;
top: 0; top: 0;
@ -601,10 +597,20 @@ table.popup-table .link{
font-size: 32pt; font-size: 32pt;
} }
.global-popup-close{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(20, 20, 20, 0.95);
}
.global-popup-inner{ .global-popup-inner{
display: inline-block; display: inline-block;
margin: auto; margin: auto;
padding: 2em; padding: 2em;
z-index: 1001;
} }
/* fullpage image viewer */ /* fullpage image viewer */