style(B05): 스텝 버튼을 넓히고 숫자 칸 스피너를 없앤다
- [-][+] 버튼 폭 20px → 28px, 글자 11px → 12px(2026-08-29 사용자 지시) - 구조물 배치 폼·시설 서브폼의 number 입력에서 브라우저 기본 증감 화살표 제거 (증감은 스텝 버튼이 맡고, 기본 화살표는 칸 폭을 먹으며 눈금도 다르다) 검증: 배수관 폼 실측 — 버튼 28px·입력 55px, appearance textfield(스피너 없음), 길이·높이·전·후 4행 모두 동일.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user