fix: 보유행 미리보기 '비중 xx.xx%' 줄바뀜 방지
line2 flex 자식인 비중 칩 텍스트가 좁은 폭(삼성전자 등 보유수량 자릿수 큰 경우)에서 내부 줄바꿈됨.
.wt-chip{white-space:nowrap}으로 한 덩어리 유지.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -2668,7 +2668,7 @@ def _render_holding_row(r: dict, total_value: int, show_day_change: bool = False
|
||||
<summary>
|
||||
<div class="left">
|
||||
<div class="line1">{_buy_rank_badge(buy_amount)}<span class="stock">{stock}</span>{tag_chip}{star}<span class="code">{accounts}</span></div>
|
||||
<div class="line2"><span class="badge held">보유 {qty:,}주</span>{_pending_badges_html(r)}<span class="muted small">비중 <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>
|
||||
{summary_journal_html}
|
||||
</div>
|
||||
<div class="right">
|
||||
@@ -4034,6 +4034,7 @@ details.row + .section-label { margin-top: 14px; padding-top: 24px; border-top-c
|
||||
.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; }
|
||||
.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; }
|
||||
.right .ref { font-size: 12px; color: #8b8f9a; font-weight: 400; font-variant-numeric: tabular-nums; line-height: 1.2; }
|
||||
|
||||
Reference in New Issue
Block a user