fix appearance of new modal short dialog, fix dialog when input undefined
This commit is contained in:
parent
a7df775f62
commit
a2c1dcb58f
2 changed files with 7 additions and 5 deletions
|
|
@ -132,7 +132,7 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
||||||
if (Array.isArray(input)) {
|
if (Array.isArray(input)) {
|
||||||
iid = `confirm-input-${rnd}`;
|
iid = `confirm-input-${rnd}`;
|
||||||
html.append(`<div><textarea rows="15" cols="40" class="grow" type="text" spellcheck="false" id="${iid}"></textarea></div>`);
|
html.append(`<div><textarea rows="15" cols="40" class="grow" type="text" spellcheck="false" id="${iid}"></textarea></div>`);
|
||||||
} else {
|
} else if (input) {
|
||||||
iid = `confirm-input-${rnd}`;
|
iid = `confirm-input-${rnd}`;
|
||||||
html.append(`<div><input class="grow" type="text" spellcheck="false" id="${iid}"/></div>`);
|
html.append(`<div><input class="grow" type="text" spellcheck="false" id="${iid}"/></div>`);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -330,7 +330,9 @@ details[open] > summary::after {
|
||||||
background-color: var(--blue-1);
|
background-color: var(--blue-1);
|
||||||
}
|
}
|
||||||
.dark #dialog {
|
.dark #dialog {
|
||||||
background-color: rgba(150,100,100,0.85);
|
background-color: rgba(60,60,60,0.85);
|
||||||
|
border-top: 8px solid rgba(100,100,100,1);
|
||||||
|
border-bottom: 7px solid rgba(100,100,100,1);
|
||||||
}
|
}
|
||||||
.dark #modal, .dark #dialog {
|
.dark #modal, .dark #dialog {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
|
@ -1515,10 +1517,10 @@ details[open] > summary::after {
|
||||||
top: 100px;
|
top: 100px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
background-color: rgba(255,200,200,0.75);
|
background-color: rgba(255,255,255,0.85);
|
||||||
border: 0;
|
border: 0;
|
||||||
border-top: 5px solid white;
|
border-top: 8px solid rgba(180,180,180,1);
|
||||||
border-bottom: 5px solid white;
|
border-bottom: 7px solid rgba(180,180,180,1);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue