Add a collapse/expand-all toggle to the pedigree

A header button folds the whole tree down to just the dog or opens every
branch at once, alongside the per-dog toggles. Grouped with the zoom
controls, which the header now wraps on narrow screens.
This commit is contained in:
Alexander Heldt
2026-07-26 10:50:12 +00:00
parent 12a5bd0548
commit a2c9aa9716
4 changed files with 31 additions and 5 deletions
+9 -1
View File
@@ -1065,9 +1065,17 @@ section.collapsed > :not(h2) { display: none; }
gap: 10px;
padding: 12px 4px 8px;
}
.pedigree-header { flex-wrap: wrap; }
.pedigree-header h1 { font-size: 1.4rem; }
.ped-zoom {
.ped-controls {
margin-left: auto;
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
#ped-foldall { padding: 5px 10px; font-size: 0.8rem; white-space: nowrap; }
.ped-zoom {
display: flex;
align-items: center;
gap: 4px;