- 머리 단추 차례 … [새로고침] [초기화] [삭제] [저장] — 새 Main_Actions(쓰기 권한 있는 층만 보임) - [삭제] = 735 경고 창(쓰는 곳 표 · 키) → 나무 지우기 → 목록으로 · 쓰는 곳 없음 = 한 줄 물음 - [초기화] = 서버 -reset 미리 보기(걷힐 고침 수 · 뺀 줄 되살림 수) → 물음 → 그 층에 씀 → 다시 그림 · 저장 안 한 고침은 먼저 물음 · 옵션 · 기본정보 그대로 - 출처 꼬리표(본뜬) — 순수 logic/M02_Born_Tag · 단가산출 = 이름 옆 글 꼬리표(공용 Ho 꼬리표 칸을 이름 줄 안으로 · 첫 줄 보임 · 둘째 줄 풍선) · 일위대가표 격자 = 비고 칸 글 + 풍선 · 줄 표 = 이름 끝 - 시험: 새 test_740_2 · 낡은 시험 4 고침(test_727 · 717_2b · 704_3 · 704_4 — 모델 · 격자 파일을 이어 붙여 도는 시험이라 새 꼬리표 글 파일을 목록에 더함) Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
80 lines
1.6 KiB
CSS
80 lines
1.6 KiB
CSS
/* M02 단가산출(SK) 상세 · 고침 표(PLAN 717-2b) — 표 · 단추 · 배지는 부품 상자 · 여기는 자리 · 고친 칸 색만 */
|
|
|
|
.m02-sk {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.m02-sk__head {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
gap: 8px;
|
|
}
|
|
|
|
.m02-sk__head .ui-field {
|
|
min-width: 120px;
|
|
}
|
|
|
|
.m02-sk__cell {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
gap: 2px;
|
|
}
|
|
|
|
.m02-sk__cell .ui-input {
|
|
width: 9em;
|
|
text-align: end;
|
|
}
|
|
|
|
.m02-sk__tags,
|
|
.m02-sk__removed,
|
|
.m02-sk__removed-item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.m02-sk__removed {
|
|
gap: 8px;
|
|
}
|
|
|
|
/* 고친 칸 — B09 고친 칸과 같은 꼴(색) · 곁 글 = 바탕 값 */
|
|
.m02-sk__cover td.is-edited {
|
|
background: color-mix(in srgb, var(--color-warning) 22%, var(--color-canvas));
|
|
}
|
|
|
|
.m02-sk__total {
|
|
text-align: end;
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
/* 740-2 이름 + 출처 꼬리표 한 줄 — 이름이 말줄임으로 줄고 꼬리표는 그대로 */
|
|
.m02-sk .m01lab__namerow {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-sk .m01lab__namerow > span:first-child {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 727-2 기초 출처 꼬리표 — 칸 폭 고정 · 넘치면 말줄임(풍선 = 온 글) · 이름 칸 폭을 안 바꿈 */
|
|
.m02-sk .m01lab__src {
|
|
display: inline-block;
|
|
flex: none;
|
|
max-width: 9em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|