style(b06): 선 길이 정보창 = 카드 폭 무관 늘 줌 단추 왼쪽 · 좁은 카드 내림 규칙 지움 (179-1)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018jonfdxn1Xit9bdkNJpE4G
This commit is contained in:
2026-10-10 11:50:20 +09:00
co-authored by Claude Opus 5.5
parent 3ed10bf386
commit 2d7fb61a9c
3 changed files with 38 additions and 30 deletions
@@ -223,7 +223,7 @@
background: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);
}
/* 고른 보라 선 치수(137-2) — [+ − ⤢] 왼쪽 · 두 줄(151-1 · 길이 · 수평 / 높이 · 구배). */
/* 고른 보라 선 치수(137-2) — 카드 폭 무관 늘 [+ − ⤢] 왼쪽(179-1) · 두 줄(151-1 · 길이 · 수평 / 높이 · 구배). */
.b06-cross-card__line-dims {
align-self: center;
padding: 1px var(--spacing-4);
@@ -234,30 +234,6 @@
white-space: pre-line;
}
/* 좁은 카드(3열 등)는 막대 옆에 두면 왼쪽 면적표를 덮음 — 표 아래 높이로 내려 오른쪽에 붙임(151-1). */
.b06-cross-card__chart-wrap {
container-type: inline-size;
}
@container (max-width: 620px) {
.b06-cross-card__zoom {
overflow: visible;
}
.b06-cross-card__line-dims {
position: absolute;
top: calc(var(--spacing-8) + var(--b06-areas-height, 3.6rem));
right: -1px;
border: 1px solid var(--color-border);
border-radius: var(--radius-inputs);
background: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);
}
.b06-cross-card__line-dims + .b06-cross-card__zoom-btn {
border-left: none;
}
}
.b06-cross-card__line-dims[hidden] {
display: none;
}