improve L&F of collapsible group headers
This commit is contained in:
parent
30bac4eef4
commit
b74c0a3bea
2 changed files with 11 additions and 4 deletions
|
|
@ -267,10 +267,13 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
||||||
row,
|
row,
|
||||||
arr,
|
arr,
|
||||||
update() {
|
update() {
|
||||||
arr.innerHTML = (hidden[group] ?
|
if (hidden[group]) {
|
||||||
'<i class="fa-solid fa-caret-down"></i>' :
|
arr.innerHTML = '<i class="fa-solid fa-caret-down"></i>';
|
||||||
'<i class="fa-solid fa-caret-up"></i>'
|
row.classList.add('hidden');
|
||||||
);
|
} else {
|
||||||
|
arr.innerHTML = '<i class="fa-solid fa-caret-up"></i>';
|
||||||
|
row.classList.remove('hidden');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
row.onclick = () => {
|
row.onclick = () => {
|
||||||
|
|
|
||||||
|
|
@ -2174,8 +2174,12 @@ th, tr, td, label {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin: 0 0 4px 0;
|
margin: 0 0 4px 0;
|
||||||
}
|
}
|
||||||
|
.set-header.hidden {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
.set-header > span {
|
.set-header > span {
|
||||||
color: var(--blue-2);
|
color: var(--blue-2);
|
||||||
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
.set-header-line {
|
.set-header-line {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue