eomsangdonandClaude Opus 5.5
09134bab84
- DataFlow: 표 넷 = 데이터표 · 함수 판 알림 · 선/알약 경고 · 끊긴 곳 = 띠 알림 · 알약 · 칸 종류 = 배지 · 고르는 줄 = 목록 줄 · 입력 넷 = 입력 · 도구줄 여섯 · 날 색 → 공통 값 - 구조물 옵션 · 구조물 · 도면 · 면적 · 품목 고르기: 판 띠 = 띠 알림 · 한눈/종류별/부품 = 탭 · 표 둘 = 데이터표 · 체크 둘 = 체크 · 카드 · 번호 = 카드 · 배지 · 도면 도구줄 - 일위대가 · 호표 · 실무자료 · 본 화면 · 서고: 알림 = 띠 알림 · 빈 상태 · 보조 글 · 도구줄 여섯 · 옛 보라 별칭 0 - M01 로직 입력칸 = 입력 부품(작은 칸) · 일위대가 상세 줄 수 고정 시험 693 · 지킴 시험 M02 몫 더함 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
92 lines
2.0 KiB
CSS
92 lines
2.0 KiB
CSS
/* 넣을 값 칸(39-3 · 옛 선택 입력 CSS 에서 옮김) — 프로젝트 값 카드 · 일위대가 입력 모달이 같이 씀. 색은 테마 토큰. */
|
|
|
|
/* ── 프로젝트에서 값 받기(PLAN 25-2d) — 값 · 확인 표시 카드 ── */
|
|
.m02-inputval__wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1 1 0;
|
|
min-height: var(--m02-struct-body-min, 16rem);
|
|
min-width: 0;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.m02-inputval {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
overflow: auto;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputval__logic {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputval__logic-name {
|
|
margin: 0;
|
|
color: var(--color-text);
|
|
font-size: var(--text-caption);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputval__row {
|
|
display: grid;
|
|
grid-template-columns: minmax(6rem, 2fr) minmax(8rem, 3fr);
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputval__name {
|
|
color: var(--color-text);
|
|
font-size: var(--text-caption);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputval__cell {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-8);
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputval__control {
|
|
flex: 1 1 6rem;
|
|
min-width: 0;
|
|
max-width: 24rem;
|
|
}
|
|
|
|
/* 자동값 = 저장값이 아님 — 기울임 + 보조 글자색(글자 대비 4.5 이상 유지) */
|
|
.m02-inputval__value.is-auto,
|
|
.m02-inputval__control.is-auto,
|
|
.m02-inputval__control::placeholder {
|
|
color: var(--color-text-secondary);
|
|
font-style: italic;
|
|
opacity: 1;
|
|
}
|
|
|
|
.m02-inputval__state {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-inputval__state.is-confirmed {
|
|
color: var(--color-text);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* 겉 = 보조 글 부품(ui-text--error) · 여기는 한 줄 차지만 */
|
|
.m02-inputval__error {
|
|
flex: 1 0 100%;
|
|
}
|
|
|
|
.m02-inputval__control[aria-invalid="true"] {
|
|
border-color: var(--color-danger);
|
|
}
|