Add "more descendants" indicator and fix indicator draw order
Show small child-box indicators at bottom-right of person cards when descendants exist beyond the current view. Fix both ancestor and descendant indicators to draw connecting lines behind boxes.
This commit is contained in:
@@ -100,24 +100,28 @@
|
||||
dominant-baseline: auto;
|
||||
}
|
||||
|
||||
/* ── More ancestors indicator ── */
|
||||
.more-ancestors-indicator rect {
|
||||
/* ── More ancestors/descendants indicators ── */
|
||||
.more-ancestors-indicator rect,
|
||||
.more-descendants-indicator rect {
|
||||
fill: #dee2e6;
|
||||
stroke: #adb5bd;
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.more-ancestors-indicator line {
|
||||
.more-ancestors-indicator line,
|
||||
.more-descendants-indicator line {
|
||||
stroke: #adb5bd;
|
||||
stroke-width: 1.5;
|
||||
}
|
||||
|
||||
.person-card.sex-m .more-ancestors-indicator rect {
|
||||
.person-card.sex-m .more-ancestors-indicator rect,
|
||||
.person-card.sex-m .more-descendants-indicator rect {
|
||||
fill: #c4d9f0;
|
||||
stroke: #7bafd4;
|
||||
}
|
||||
|
||||
.person-card.sex-f .more-ancestors-indicator rect {
|
||||
.person-card.sex-f .more-ancestors-indicator rect,
|
||||
.person-card.sex-f .more-descendants-indicator rect {
|
||||
fill: #f0c4d9;
|
||||
stroke: #d47ba8;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user