mikael-lovqvists-claude-agent/task-inventory
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Remove depth indentation from flat mode

Browse Source 
Flat mode is now truly flat — no --depth CSS variable set on rows
and the flat-mode padding-left rule removed.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
mikael-lovqvists-claude-agent
2026-05-17 19:17:44 +00:00
parent fa2b5bda18
commit 8c78bc5e2c
2 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app.mjs
View File

@@ -427,10 +427,8 @@ function render_tasks(container) {
empty.textContent = 'No tasks.';
list.appendChild(empty);
}
for (const { task, depth } of flat) {
const row = make_task_row(task, children_map);
if (depth > 0) { row.style.setProperty('--depth', depth); }
list.appendChild(row);
for (const { task } of flat) {
list.appendChild(make_task_row(task, children_map));
}
} else {
const visible = roots.filter(t => node_or_descendants_match(t, children_map));

4
public/style.css
View File

@@ -117,10 +117,6 @@ main { padding: 1.25rem; }
border-left: 3px solid transparent;
}
.task-list.flat-mode .task-row {
padding-left: calc(0.75rem + var(--depth, 0) * 1.5rem);
}
.task-row[data-priority='high'] { border-left-color: #e05555; }
.task-row[data-priority='normal'] { border-left-color: #5588e0; }
.task-row[data-priority='low'] { border-left-color: #555; }