Merge remote-tracking branch 'origin/dev' into sub_laptop_2
This commit is contained in:
@@ -58,6 +58,13 @@
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
|
||||
/* 자재 가격 다섯 — 기준단가가 된 칸(43-3) */
|
||||
.m02-labrow__price.is-base-price {
|
||||
color: var(--color-accent);
|
||||
font-weight: 700;
|
||||
box-shadow: inset 0 -2px 0 var(--color-accent);
|
||||
}
|
||||
|
||||
.m02-labrow__applied {
|
||||
display: block;
|
||||
}
|
||||
@@ -229,105 +236,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 한 줄 표(카드용 · 40-1) — 금액 = 수량 반영 값 · 반영이 없으면 기준 값 흐리게 */
|
||||
.m02-labline {
|
||||
width: 100%;
|
||||
font-size: var(--text-caption);
|
||||
}
|
||||
|
||||
.m02-labline th,
|
||||
.m02-labline td {
|
||||
padding: var(--spacing-4) var(--spacing-6, 6px);
|
||||
}
|
||||
|
||||
.m02-labline th:nth-child(n + 4),
|
||||
.m02-labline .m02-labrow__num {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.m02-labline .m02-labrow__name {
|
||||
display: table-cell;
|
||||
min-width: 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.m02-labline .m02-labrow__qty,
|
||||
.m02-labline .m02-labrow__unit {
|
||||
color: var(--color-text-secondary);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.m02-labline .is-base {
|
||||
color: var(--color-text-secondary);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.m02-labline .m02-labrow__sum td {
|
||||
font-weight: 600;
|
||||
border-top: 2px solid var(--color-border);
|
||||
}
|
||||
|
||||
/* 아주 좁으면(카드 3열 · 400px 이하) 결과 단위 칸을 접음 — 수량산출 글에 단위가 같이 보임 */
|
||||
@container m02-labview (max-width: 400px) {
|
||||
.m02-labline th:nth-child(3),
|
||||
.m02-labline .m02-labrow__unit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.m02-labline th,
|
||||
.m02-labline td {
|
||||
padding: var(--spacing-4) 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 더 좁으면(카드 320px 안팎 · 340px 이하) 줄마다 두 줄 — 윗줄 항목(3칸) · 수량산출(1칸) · 아랫줄 금액 넷 ·
|
||||
머리 줄도 같은 꼴(글은 그대로) · 가로 넘침 없음 */
|
||||
@container m02-labview (max-width: 340px) {
|
||||
.m02-labline,
|
||||
.m02-labline thead,
|
||||
.m02-labline tbody,
|
||||
.m02-labline tfoot {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.m02-labline tr {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.m02-labline th,
|
||||
.m02-labline td {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
padding: 2px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.m02-labline th:first-child,
|
||||
.m02-labline .m02-labrow__name {
|
||||
grid-column: span 3;
|
||||
}
|
||||
|
||||
.m02-labline th:nth-child(2),
|
||||
.m02-labline .m02-labrow__qty {
|
||||
text-align: right;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.m02-labline th:nth-child(3),
|
||||
.m02-labline .m02-labrow__unit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.m02-labline .m02-labrow__num {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 수량산출 칸(40-1) — 위 결과단위 기준 수량 · 아래 지금 수량 · 누르면 손 입력 · 엑셀에서 고르기 */
|
||||
.m02-labrow__qty {
|
||||
white-space: nowrap;
|
||||
|
||||
Reference in New Issue
Block a user