style(B05): 구조물 알약을 한 단 낮춰 종단 그래프 자리 확보
사용자 지시(2026-09-06): 구조물 표시가 너무 커서 높이를 많이 차지함. - 알약 높이 24 → 18px, 혼자 있을 때 31 → 22px, 글자 11 → 10px - 레인 전체 54 → 42px — 그만큼 종단 그래프가 세로를 더 씀 검증: 실화면 레인 42px·알약 22px, 이름표(찰쌓기·배수관·옹벽·세월교) 모두 읽힘. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -41,17 +41,18 @@
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 알약 — 종류를 3자 이하 이름으로 보여 준다. 높이는 구 서클마크와 같은 20px. */
|
||||
/* 알약 — 종류를 3자 이하 이름으로 보여 준다. 2026-09-06 사용자 지시로 한 단 낮췄다
|
||||
(높이 24 → 18, 글자 11 → 10) — 그래프가 그만큼 세로를 더 쓴다. */
|
||||
.b05-structure__mark {
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 0 9px;
|
||||
border-radius: 12px;
|
||||
height: 18px;
|
||||
min-width: 18px;
|
||||
padding: 0 7px;
|
||||
border-radius: 9px;
|
||||
border: 1.5px solid currentColor;
|
||||
background: var(--color-surface, #fff);
|
||||
font-size: 11px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
@@ -62,13 +63,13 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 혼자 있는 알약 — 겹치는 알약보다 30%만 키운다(2026-08-17 사용자 지시 1). */
|
||||
/* 혼자 있는 알약 — 겹치는 알약보다 조금만 키운다(옛 31px 는 과했다, 2026-09-06). */
|
||||
.b05-structure__mark.is-solo {
|
||||
height: 31px;
|
||||
min-width: 31px;
|
||||
padding: 0 12px;
|
||||
border-radius: 16px;
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
min-width: 22px;
|
||||
padding: 0 9px;
|
||||
border-radius: 11px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.b05-structure__mark:hover {
|
||||
|
||||
Reference in New Issue
Block a user