Reduce card font sizes to show more of last names
Name: 10.5px → 9px, dates: 9px → 8px, truncation charWidth: 6.5 → 5.5. Also add sync.sh for deployment to bocken.org.
This commit is contained in:
@@ -66,14 +66,14 @@
|
||||
|
||||
/* Card text */
|
||||
.person-card .person-name {
|
||||
font-size: 10.5px;
|
||||
font-size: 9px;
|
||||
font-weight: 600;
|
||||
fill: #212529;
|
||||
dominant-baseline: auto;
|
||||
}
|
||||
|
||||
.person-card .person-dates {
|
||||
font-size: 9px;
|
||||
font-size: 8px;
|
||||
fill: #6c757d;
|
||||
dominant-baseline: auto;
|
||||
}
|
||||
|
||||
2
resources/js/family-nav-graph.min.js
vendored
2
resources/js/family-nav-graph.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -159,7 +159,7 @@ export function renderPersonCard(parent, person, config, onClick) {
|
||||
.attr("class", "person-name")
|
||||
.attr("x", textXOffset)
|
||||
.attr("y", h / 2 - 4)
|
||||
.text(truncateText(displayName, maxTextWidth, 6.5));
|
||||
.text(truncateText(displayName, maxTextWidth, 5.5));
|
||||
|
||||
// Dates line (compact)
|
||||
const dates = formatDates(data.birthYear, data.deathYear, data.isDead);
|
||||
|
||||
Reference in New Issue
Block a user