eomsangdonandClaude Sonnet 5.5
d94f3f78c1
- test_item_picker_detail: 복사본 창구(가짜 · 약속 길 · 403 까닭) · 입력 목록 · 카드 순수 함수 · 한 벌 지킴 · 원본 층에 안 씀 - 자동값 · 확인 표시 글자 대비 4.5 이상 · 고르기 값은 원래 모양(숫자)으로 저장 - 새로 가져오기 = 원본에서 온 문서만 덮고 입력값은 남김 - 모달 폭 두 클래스로(공용 모달 폭에 안 밀림) · CAD · 시트 편집 높이 채움 Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EauA2ATmqNRbeV48s9CcBr
98 lines
1.9 KiB
CSS
98 lines
1.9 KiB
CSS
/* 「선택 입력」 카드 — 로직마다 묶은 입력 줄 · 값 칸 · 확인 표시. 카드 틀은 M02_MasterTemplete_Structure.css */
|
|
.m02-inputs__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-inputs {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
overflow: auto;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputs__places,
|
|
.m02-inputs__missing {
|
|
margin: 0;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-inputs__logic {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputs__logic-name {
|
|
margin: 0;
|
|
color: var(--color-text);
|
|
font-size: var(--text-caption);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputs__row {
|
|
display: grid;
|
|
grid-template-columns: minmax(6rem, 2fr) minmax(8rem, 3fr);
|
|
gap: var(--spacing-8);
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputs__name {
|
|
color: var(--color-text);
|
|
font-size: var(--text-caption);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputs__cell {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-8);
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-inputs__control {
|
|
flex: 1 1 6rem;
|
|
min-width: 0;
|
|
max-width: 24rem;
|
|
}
|
|
|
|
/* 자동값 = 저장값이 아님 — 기울임 + 보조 글자색(글자 대비 4.5 이상 유지) */
|
|
.m02-inputs__value.is-auto,
|
|
.m02-inputs__control.is-auto,
|
|
.m02-inputs__control::placeholder {
|
|
color: var(--color-text-secondary);
|
|
font-style: italic;
|
|
opacity: 1;
|
|
}
|
|
|
|
.m02-inputs__state {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-inputs__state.is-confirmed {
|
|
color: var(--color-text);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.m02-inputs__error {
|
|
flex: 1 0 100%;
|
|
color: var(--color-danger);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-inputs__control[aria-invalid="true"] {
|
|
border-color: var(--color-danger);
|
|
}
|