eomsangdonandClaude Opus 5.5
7cd083a2d7
- 묶음 이름 「원가 단가」 → 「데이터 점검」 · 굳힌 시각 안내 글 지움(공용 호버로) - [단가 갱신] → [업데이트] · 서버 book_stale(지금 M01 로 굳힌 책과 견줌) 까닭 있으면 점 배지 - 「연결 점검」 탭 = 좌측 목록(누르면 그 탭 그 줄 · 까닭 = 공용 호버) · 위 탭 줄에서 뺌 · 첫 탭 = 공사원가계산서 - test_203_1 새로 · test_144 · test_181_1 고침 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01STqEqztUthVFBmEP18wBSz
243 lines
7.0 KiB
CSS
243 lines
7.0 KiB
CSS
/* B09 원가계산 — 탭 줄 · 안내 글. 색은 테마 변수만(밝음 · 어두움 같이). */
|
|
|
|
.b09-estimation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
padding: var(--spacing-16) var(--spacing-24); /* B08 본문과 같은 값 */
|
|
}
|
|
|
|
.b09-estimation .ui-general-block__empty,
|
|
.b09-estimation__hint {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.b09-estimation__hint {
|
|
margin: 0 0 var(--spacing-8);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.b09-estimation__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-8); /* B08 위 · 보조 탭 줄과 같은 값(181-1) */
|
|
padding-bottom: var(--spacing-8);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
/* 아래 탭 없는 위 탭 — 보이지 않는 단추 한 줄로 높이만 채움(탭 바꿀 때 몸통이 안 튐) */
|
|
.b09-estimation__tabs--blank > .ui-btn {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* 표 머리 — 좁은 열에서 말줄임 대신 줄바꿈 */
|
|
[data-b09-table] thead th {
|
|
white-space: normal;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
/* 171-3 묶음 탭 머리 — 안내 글 + 보기 단추 */
|
|
.b09-estimation__bar {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
/* 185-2 보기 단추 글 한 줄 */
|
|
.b09-estimation__bar .ui-btn {
|
|
flex: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 200-1 묶음 탭 도구 줄 — 안내 글 = 남는 자리 한 줄 · 넘치면 줄임표(전문 = 공용 호버) */
|
|
.b09-estimation__bar {
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.b09-estimation__line-hint {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
/* 182 설계내역서 레벨 — 글자 크기(줄 높이 28px 고정 → 16px 까지) · 첫 칸 들여쓰기 1em × (레벨 − 1) */
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv1 td {
|
|
font-size: var(--text-body);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr:is(.is-lv2, .is-lv3) td {
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr:is(.is-lv4, .is-lv5, .is-lv6) td {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-group td {
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv2 td:first-child {
|
|
padding-left: calc(var(--spacing-8) + 1em);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv3 td:first-child {
|
|
padding-left: calc(var(--spacing-8) + 2em);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv4 td:first-child {
|
|
padding-left: calc(var(--spacing-8) + 3em);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr:is(.is-lv5, .is-lv6) td:first-child {
|
|
padding-left: calc(var(--spacing-8) + 4em);
|
|
}
|
|
|
|
/* 166-2 설계내역서 손 줄 — 사용자가 더한 줄 표시(왼쪽 띠) */
|
|
.b09-estimation .ui-data-table__table tbody tr.is-hand td:first-child {
|
|
background-image: linear-gradient(to right, var(--color-primary) 3px, transparent 3px);
|
|
}
|
|
|
|
/* 200-2 설계내역서 레벨 = 공종 · 명칭 칸 왼쪽 들여쓰기(레벨마다 한 칸 1em) · 글자 크기 한 벌(굵기 = 묶음 · 제목) · 글 칸 왼쪽 맞춤 */
|
|
.b09-estimation [data-b09-table="bill"] tbody tr {
|
|
--b09-lv: 0;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr.is-lv2 {
|
|
--b09-lv: 1;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr.is-lv3 {
|
|
--b09-lv: 2;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr.is-lv4 {
|
|
--b09-lv: 3;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr.is-lv5 {
|
|
--b09-lv: 4;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr.is-lv6 {
|
|
--b09-lv: 5;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr[class*="is-lv"] td {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr[class*="is-lv"] td:first-child {
|
|
padding-left: calc(var(--spacing-8) + var(--b09-lv) * 1em);
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody tr[class*="is-lv"] td.is-edit:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] tbody td:first-child .ui-data-table__input {
|
|
padding-left: calc(var(--spacing-8) + var(--b09-lv) * 1em);
|
|
}
|
|
|
|
.b09-estimation [data-b09-table="bill"] .ui-data-table__input:not([data-k="qty"]) {
|
|
text-align: left;
|
|
}
|
|
|
|
/* 200-2 레벨 도구 줄 — 단추 넷 + 안내 한 줄 */
|
|
.b09-estimation__level {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.b09-estimation__level .b09-estimation__hint {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 181-2 표 보기 — 목록표에서 고른 호표 줄 구간 전체 붉은 외곽선(머리 accent 밑줄은 덮음) */
|
|
.b09-estimation .ui-data-table__table tbody tr.is-pick td {
|
|
--pick-t: inset 0 0 0 0 transparent;
|
|
--pick-b: inset 0 0 0 0 transparent;
|
|
--pick-l: inset 0 0 0 0 transparent;
|
|
--pick-r: inset 0 0 0 0 transparent;
|
|
box-shadow: var(--pick-t), var(--pick-b), var(--pick-l), var(--pick-r);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-pick.is-pick-top td {
|
|
--pick-t: inset 0 2px 0 var(--color-danger);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-pick.is-pick-end td {
|
|
--pick-b: inset 0 -2px 0 var(--color-danger);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-pick td:first-child {
|
|
--pick-l: inset 2px 0 0 var(--color-danger);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-pick td:last-child {
|
|
--pick-r: inset -2px 0 0 var(--color-danger);
|
|
}
|
|
|
|
/* 183-3 자재단가대비표 — 적용 단가를 낸 출처 단가 칸(고른 출처 · 기본 최저) */
|
|
.b09-estimation .ui-data-table__table tbody td.is-picked {
|
|
background: color-mix(in srgb, var(--color-accent) 22%, var(--color-canvas));
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
/* 185-1 총괄 · 원가계산서 레벨 — 글자 크기 = 위 is-lvN · 들여쓰기 = 명칭 칸(is-indent) · 앞 칸(is-flat)은 그대로 */
|
|
.b09-estimation .ui-data-table__table tbody tr[class*="is-lv"] td.is-flat:first-child {
|
|
padding-left: var(--spacing-8);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv2 td.is-indent {
|
|
padding-left: calc(var(--spacing-8) + 1em);
|
|
}
|
|
|
|
.b09-estimation .ui-data-table__table tbody tr.is-lv3 td.is-indent {
|
|
padding-left: calc(var(--spacing-8) + 2em);
|
|
}
|
|
|
|
/* 184-3 설계내역서 고친 칸 — 자동 값과 다른 칸(풍선 = 자동 값) */
|
|
.b09-estimation .ui-data-table__table tbody td.is-edited {
|
|
background: color-mix(in srgb, var(--color-warning) 22%, var(--color-canvas));
|
|
}
|
|
|
|
/* 203-1 좌측 「데이터 점검」 — [업데이트] 필요 = 단추 위 점 배지(B05 [3D 업데이트] 꼴) */
|
|
.b09-options .ui-btn.is-pending {
|
|
position: relative;
|
|
border-color: var(--color-warning);
|
|
}
|
|
|
|
.b09-options .ui-btn.is-pending::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 4px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background: var(--color-warning);
|
|
}
|
|
|
|
/* 연결 점검 목록 — 이름 · 탭(작게) · 알림 글 */
|
|
.b09-check__head,
|
|
.b09-check__note {
|
|
margin: var(--spacing-8) 0 0;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.b09-check__tab {
|
|
flex: none;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|