Fixed modal z-index for old and beta menu.

This commit is contained in:
Christian Bastian
2024-09-09 03:01:09 -04:00
parent cff4c96ef3
commit 5521e696e5
2 changed files with 14 additions and 3 deletions

View File

@@ -10,7 +10,7 @@
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
z-index: 99; /*needs to be below dialog modal*/ z-index: 2000; /*needs to be below the dialog modal element*/
/*override comfy-modal settings*/ /*override comfy-modal settings*/
border-radius: 0; border-radius: 0;
@@ -23,6 +23,10 @@
touch-action: manipulation; touch-action: manipulation;
} }
.model-manager .model-manager-dialog {
z-index: 2001; /*needs to be above the model manager element*/
}
.model-manager .comfy-modal-content { .model-manager .comfy-modal-content {
width: 100%; width: 100%;
gap: 16px; gap: 16px;

View File

@@ -166,7 +166,7 @@ async function tryOpenModelUrl(modelSearchPath) {
} }
catch (exception) { catch (exception) {
// browser or ad-blocker blocking opening new window // browser or ad-blocker blocking opening new window
app.ui.dialog.show($el("span", modelManagerDialog.show($el("span",
[ [
$el("p", { $el("p", {
style: { color: "var(--input-text)" }, style: { color: "var(--input-text)" },
@@ -4951,12 +4951,19 @@ class ModelManager extends ComfyDialog {
/** @type {ModelManager | undefined} */ /** @type {ModelManager | undefined} */
let instance; let instance;
/** @type {ComfyDialog | undefined} */
let modelManagerDialog;
/** /**
* @returns {ModelManager} * @returns {ModelManager}
*/ */
function getInstance() { function getInstance() {
if (!instance) { if (!instance) {
instance = new ModelManager(); instance = new ModelManager();
modelManagerDialog = new ComfyDialog();
modelManagerDialog.element.classList.add("model-manager-dialog");
instance.element.appendChild(modelManagerDialog.element);
} }
return instance; return instance;
} }