This commit is contained in:
33333-33333 2026-06-28 16:59:53 +09:00
commit cefa2ace5a
27 changed files with 1275 additions and 314 deletions

View file

@ -121,19 +121,39 @@ body::before {
}
.family-genetic-stats {
display: block;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px 5px;
margin-top: 2px;
font-size: 9px;
line-height: 1.16;
line-height: 1.12;
color: rgba(88, 70, 48, 0.86);
letter-spacing: -0.02em;
white-space: normal;
max-width: 104px;
max-width: 82px;
}
.family-genetic-stats b {
.family-genetic-stats span {
display: inline-flex;
gap: 1px;
min-width: 0;
white-space: nowrap;
}
.family-genetic-stats b,
.family-fight-stat b {
font-weight: 800;
color: rgba(120, 86, 30, 0.92);
}
.family-fight-stat {
display: block;
margin-top: 1px;
max-width: 82px;
font-size: 9px;
line-height: 1.12;
color: rgba(88, 70, 48, 0.82);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lineage-family-tree .tree-node.champion {
border-color: rgba(202, 146, 33, 0.58);
box-shadow: inset 0 0 0 1px rgba(247, 200, 64, 0.30), 0 3px 8px rgba(120, 78, 12, 0.09);
@ -173,18 +193,19 @@ body::before {
color: rgba(126, 80, 64, 0.92);
}
.family-personality-tags {
display: flex !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: visible !important;
text-overflow: clip !important;
flex-wrap: wrap;
gap: 2px;
gap: 2px 4px;
margin-top: 2px;
white-space: normal !important;
overflow: visible;
max-height: none;
max-width: 84px;
}
.family-personality-tags em {
display: inline-block;
display: block;
min-width: 0;
max-width: none;
padding: 1px 4px;
border-radius: 999px;
@ -194,8 +215,8 @@ body::before {
font-size: 7.5px;
font-style: normal;
line-height: 1.25;
overflow: visible;
text-overflow: clip;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.family-copy strong { font-size: 11px; }
@ -407,10 +428,11 @@ body::before {
transform: none;
}
.lineage-family-tree .tree-node .family-portrait {
right: 0;
bottom: -6px;
width: 58px;
height: 58px;
right: 4px;
top: 4px;
bottom: auto;
width: 48px;
height: 48px;
}
.lineage-family-tree .tree-generation-label {
position: absolute;
@ -450,3 +472,11 @@ body::before {
.tool[data-tip] { position: relative; }
.lineage-family-tree .tree-node .family-copy {
max-width: calc(100% - 46px);
}
.lineage-family-tree .tree-node .family-copy strong,
.lineage-family-tree .tree-node .family-copy > span:not(.family-genetic-stats):not(.family-fight-stat):not(.family-personality-tags) {
max-width: 100%;
}