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)) {
|
||||
iid = `confirm-input-${rnd}`;
|
||||
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}`;
|
||||
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);
|
||||
}
|
||||
.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 {
|
||||
color: #fff !important;
|
||||
|
|
@ -1515,10 +1517,10 @@ details[open] > summary::after {
|
|||
top: 100px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: rgba(255,200,200,0.75);
|
||||
background-color: rgba(255,255,255,0.85);
|
||||
border: 0;
|
||||
border-top: 5px solid white;
|
||||
border-bottom: 5px solid white;
|
||||
border-top: 8px solid rgba(180,180,180,1);
|
||||
border-bottom: 7px solid rgba(180,180,180,1);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
|
|
|||
Loading…
Reference in a new issue