improve L&F of collapsible group headers

This commit is contained in:
Stewart Allen 2024-07-09 13:08:04 -04:00
commit b74c0a3bea
2 changed files with 11 additions and 4 deletions

View file

@ -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 = () => {

View file

@ -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;