style(B05): 스텝 버튼을 넓히고 숫자 칸 스피너를 없앤다

- [-][+] 버튼 폭 20px → 28px, 글자 11px → 12px(2026-08-29 사용자 지시)
- 구조물 배치 폼·시설 서브폼의 number 입력에서 브라우저 기본 증감 화살표 제거
  (증감은 스텝 버튼이 맡고, 기본 화살표는 칸 폭을 먹으며 눈금도 다르다)

검증: 배수관 폼 실측 — 버튼 28px·입력 55px, appearance textfield(스피너 없음),
길이·높이·전·후 4행 모두 동일.
This commit is contained in:
2026-08-29 15:35:15 +09:00
parent 8e8849e4ac
commit 83a3a5ffc8
@@ -262,13 +262,15 @@
.b05-structure__step {
flex: none;
width: 20px;
/* 손가락·마우스로 집기 쉽게 넓힌다(2026-08-29 사용자 지시). 입력칸은 남는 폭을
차지하므로 이 값이 곧 버튼 폭이다. */
width: 28px;
padding: 0;
border: 1px solid var(--color-border, #3a3f4a);
border-radius: var(--radius-inputs, 4px);
background: var(--color-surface);
color: var(--color-text-body);
font-size: 11px;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
@@ -276,3 +278,21 @@
.b05-structure__step:hover {
border-color: var(--color-royal-amethyst, rgb(109 40 217));
}
/* 구조물 배치 폼의 숫자 칸 — 브라우저 기본 증감 화살표(스피너)를 없앤다
(2026-08-29 사용자 지시). 증감은 옆의 [-][+] 버튼이 맡고, 화살표는 칸 폭만
먹으면서 눈금(0.1)도 우리 규칙과 달라 혼동을 준다. */
.b05-route__panel-section input[type="number"]::-webkit-outer-spin-button,
.b05-route__panel-section input[type="number"]::-webkit-inner-spin-button,
.b05-drainage__facility input[type="number"]::-webkit-outer-spin-button,
.b05-drainage__facility input[type="number"]::-webkit-inner-spin-button {
margin: 0;
appearance: none;
-webkit-appearance: none;
}
.b05-route__panel-section input[type="number"],
.b05-drainage__facility input[type="number"] {
appearance: textfield;
-moz-appearance: textfield;
}