diff --git a/B06_Section/B06_Section_UI_Style_Cross_Controls.css b/B06_Section/B06_Section_UI_Style_Cross_Controls.css index d12b689e4..f4fee5c15 100644 --- a/B06_Section/B06_Section_UI_Style_Cross_Controls.css +++ b/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; } diff --git a/resources/tester/test_137_design_pick.py b/resources/tester/test_137_design_pick.py index 0e88ef6c9..0e17f6d7e 100644 --- a/resources/tester/test_137_design_pick.py +++ b/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: diff --git a/resources/tester/test_179_1_line_dims_left.py b/resources/tester/test_179_1_line_dims_left.py new file mode 100644 index 000000000..7d9406081 --- /dev/null +++ b/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