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,
arr,
update() {
arr.innerHTML = (hidden[group] ?
'<i class="fa-solid fa-caret-down"></i>' :
'<i class="fa-solid fa-caret-up"></i>'
);
if (hidden[group]) {
arr.innerHTML = '<i class="fa-solid fa-caret-down"></i>';
row.classList.add('hidden');
} else {
arr.innerHTML = '<i class="fa-solid fa-caret-up"></i>';
row.classList.remove('hidden');
}
}
};
row.onclick = () => {

View file

@ -2174,8 +2174,12 @@ th, tr, td, label {
padding: 4px;
margin: 0 0 4px 0;
}
.set-header.hidden {
margin-bottom: 0 !important;
}
.set-header > span {
color: var(--blue-2);
font-size: smaller;
}
.set-header-line {
margin-left: 5px;