feat(B06): 구조물 위치 조정을 횡단도 안 오버레이 창으로
카드 하단 버튼 그룹을 걷어내고 **해당 횡단도 안**에 뜨는 조정창으로 바꿨다 (2026-08-21 사용자 확정). 앞으로 구조물 위치 조정은 모두 이 창을 통한다. - _UI_Cross_Structure_Panel.ts 신설. 그래프 영역 좌측 하단에 절대 위치로 얹는다 (줌 버튼 우측 상단·면적표 중상단과 겹치지 않는 자리). - 창 내용: 구조물 이름 · 자동 자리 대비 이동량 · ◀/▶/↺ · ✕(닫기 = 선택 해제). - 이동량은 부호(+/−) 대신 "바깥 0.2m"처럼 적는다 — 좌·우 벽에서 부호만으로는 어느 쪽인지 읽히지 않는다. 검증(공용 브라우저 4+4.3): 유입 벽 클릭 → 창 열림(제목·자동 자리), ◀ 2회 → "바깥 0.2m"·도형 이동, ↺ → 자동 자리 복귀, ✕ → 창 닫힘·강조 해제. tsc 통과, pytest 148 pass. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -563,24 +563,69 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* 기슭막이 X 자리 ◀/▶/↺(2026-08-21) — 벽을 골랐을 때만 보인다. 표시 반폭 그룹과
|
||||
나란히 서므로 어느 쪽 조작구인지 라벨로 가른다. */
|
||||
.b06-cross-card__revetctl {
|
||||
/* 구조물 위치 조정 오버레이 창(2026-08-21 사용자 확정) — **횡단도 안**에 뜬다.
|
||||
줌 버튼이 우측 상단, 면적표가 중상단이라 이 창은 좌측 하단에 둔다. */
|
||||
.b06-structure-panel {
|
||||
position: absolute;
|
||||
bottom: var(--spacing-8);
|
||||
left: var(--spacing-8);
|
||||
z-index: 3;
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
margin-left: var(--spacing-8);
|
||||
padding: var(--spacing-8);
|
||||
border: 1px solid var(--color-danger);
|
||||
border-radius: var(--radius-inputs);
|
||||
background: color-mix(in srgb, var(--color-surface-raised) 94%, transparent);
|
||||
}
|
||||
|
||||
.b06-cross-card__revetctl.is-hidden {
|
||||
.b06-structure-panel.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.b06-cross-card__revetctl-label {
|
||||
.b06-structure-panel__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-8);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.b06-structure-panel__title {
|
||||
color: var(--color-danger);
|
||||
font-size: var(--text-caption);
|
||||
margin-right: 2px;
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
|
||||
.b06-structure-panel__value {
|
||||
color: var(--color-text-secondary);
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
|
||||
.b06-structure-panel__buttons {
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.b06-structure-panel__btn {
|
||||
padding: 0 var(--spacing-8);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-inputs);
|
||||
background: var(--color-surface);
|
||||
color: var(--color-text-secondary);
|
||||
cursor: pointer;
|
||||
font-size: var(--text-caption);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.b06-structure-panel__btn:hover {
|
||||
border-color: var(--color-danger);
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.b06-structure-panel__close {
|
||||
padding: 0 4px;
|
||||
border-color: transparent;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* 줌 버튼 — 그래프 우측 상단 오버레이. 휠 대신 쓰는 조작구다(2026-08-02 사용자 확정). */
|
||||
|
||||
Reference in New Issue
Block a user