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

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018jonfdxn1Xit9bdkNJpE4G

B06_Section/B06_Section_UI_Style_Cross_Controls.css

@@ -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;
 }

resources/tester/test_137_design_pick.py

@@ -106,14 +106,13 @@ def test_카드_배선_하나만() -> None:
     assert ".b06-chart__design-hit.is-active {" in css
 
 
-def test_치수_두_줄_좁은_카드는_표_아래로() -> None:
-    """151-1 — 줄바꿈 글자를 살리고 오른쪽 맞춤 · 좁은 카드(3열 등)는 표 높이 아래로 내려 표를 안 덮음."""
+def test_치수_두_줄_늘_단추_왼쪽() -> None:
+    """151-1 — 줄바꿈 글자를 살리고 오른쪽 맞춤 · 179-1 — 좁은 카드도 표 아래로 안 내림(늘 [+ − ⤢] 왼쪽)."""
     css = _src("B06_Section/B06_Section_UI_Style_Cross_Controls.css")
     dims = css.split(".b06-cross-card__line-dims {", 1)[1].split("}", 1)[0]
     assert "white-space: pre-line;" in dims and "text-align: right;" in dims
-    assert "container-type: inline-size;" in css
-    narrow = css.split("@container (max-width: 620px) {", 1)[1]
-    assert "top: calc(var(--spacing-8) + var(--b06-areas-height, 3.6rem));" in narrow
+    assert "position:" not in dims
+    assert "@container" not in css
 
 
 def test_폴리곤_자르기는_공용_한_벌() -> None:

resources/tester/test_179_1_line_dims_left.py

@@ -0,0 +1,33 @@
+# -*- coding: utf-8 -*-
+"""PLAN 179-1 — 선 길이 정보창 = 열 수 무관 늘 줌 [+ − ⤢] 왼쪽(좁은 카드 내림 규칙 지움 · 소스 시험)."""
+
+import os
+import re
+
+ROOT = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
+
+
+def _src(rel: str) -> str:
+    return open(os.path.join(ROOT, rel), encoding="utf-8").read()
+
+
+def test_좁은_카드_내림_규칙_없음():
+    css = _src("B06_Section/B06_Section_UI_Style_Cross_Controls.css")
+    assert "@container" not in css
+    # 치수 칸 규칙은 기본 꼴 · 숨김(+ 옆 단추) 뿐 — 절대 자리 · 왼선 지움 규칙 없음
+    assert re.findall(r"\.b06-cross-card__line-dims[^{,;]*\{", css) == [
+        ".b06-cross-card__line-dims {",
+        ".b06-cross-card__line-dims[hidden] {",
+        ".b06-cross-card__line-dims[hidden] + .b06-cross-card__zoom-btn {",
+    ]
+
+
+def test_치수_칸은_줌_막대_맨_앞():
+    view = _src("B06_Section/B06_Section_UI_Cross_View.ts")
+    assert "zoomBar.prepend(linePick.label);" in view
+    zoom = (
+        _src("B06_Section/B06_Section_UI_Style_Cross_Controls.css")
+        .split(".b06-cross-card__zoom {", 1)[1]
+        .split("}", 1)[0]
+    )
+    assert "display: flex;" in zoom and "position: absolute;" in zoom