feat: 보유행 미리보기 3줄 고정 (뱃지·이름 / 보유·비중 / 태그·계좌)

line1=뱃지+종목명, line2=보유+비중, line3=태그+계좌종류(작게)로 재배치.
기존 line1에 섞여있던 태그·계좌(·star)를 line3로 분리. 각 줄 flex 단일행이라 3줄 고정.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hyowons
2026-06-08 16:20:08 +09:00
parent f9f43762cf
commit af235dca1f
+4 -1
View File
@@ -2667,8 +2667,9 @@ def _render_holding_row(r: dict, total_value: int, show_day_change: bool = False
return f'''<details class="row {pcls} mode-held" data-row-key="{row_key}" data-rt-qty="{qty}" data-rt-cost="{eval_value - profit}" data-rt-px="{price}" data-rt-prevclose="{price - day_change}"> return f'''<details class="row {pcls} mode-held" data-row-key="{row_key}" data-rt-qty="{qty}" data-rt-cost="{eval_value - profit}" data-rt-px="{price}" data-rt-prevclose="{price - day_change}">
<summary> <summary>
<div class="left"> <div class="left">
<div class="line1"><span class="name-head">{_buy_rank_badge(buy_amount)}<span class="stock">{stock}</span></span>{tag_chip}{star}<span class="code">{accounts}</span></div> <div class="line1"><span class="name-head">{_buy_rank_badge(buy_amount)}<span class="stock">{stock}</span></span></div>
<div class="line2"><span class="badge held">보유 {qty:,}</span>{_pending_badges_html(r)}<span class="muted small wt-chip">비중 <span class="rt-weight">{weight:.2f}</span>%</span></div> <div class="line2"><span class="badge held">보유 {qty:,}</span>{_pending_badges_html(r)}<span class="muted small wt-chip">비중 <span class="rt-weight">{weight:.2f}</span>%</span></div>
<div class="line3">{tag_chip}{star}<span class="code">{accounts}</span></div>
{summary_journal_html} {summary_journal_html}
</div> </div>
<div class="right"> <div class="right">
@@ -4036,6 +4037,8 @@ details.row + .section-label { margin-top: 14px; padding-top: 24px; border-top-c
.code { font-size: 11px; color: #5a5f6c; font-weight: 400; flex: none; } .code { font-size: 11px; color: #5a5f6c; font-weight: 400; flex: none; }
.line2 { display: flex; align-items: center; gap: 8px; font-size: 12px; min-width: 0; } .line2 { display: flex; align-items: center; gap: 8px; font-size: 12px; min-width: 0; }
/* 3 고정: 1=뱃지+종목명(line1), 2=보유+비중(line2), 3=태그+계좌종류(line3). flex 단일행(미래 wrap ). */
.line3 { display: flex; align-items: center; gap: 6px; font-size: 11px; min-width: 0; }
.wt-chip { white-space: nowrap; } /* '비중 xx.xx%' 좁은 폭에서 내부 줄바뀜 되는 방지 (삼성전자 보유수량 자릿수 경우) */ .wt-chip { white-space: nowrap; } /* '비중 xx.xx%' 좁은 폭에서 내부 줄바뀜 되는 방지 (삼성전자 보유수량 자릿수 경우) */
.price { font-size: 18px; font-weight: 600; color: #f0f0f0; letter-spacing: -0.01em; display: flex; align-items: center; gap: 6px; } .price { font-size: 18px; font-weight: 600; color: #f0f0f0; letter-spacing: -0.01em; display: flex; align-items: center; gap: 6px; }