Files
frontend/apps/sn/app/(map-layout)/map/components/pipeAnalysis/pipe-analysis-summary-table.css
T

55 lines
1.3 KiB
CSS

/* 관로 집계 전용: 퍼센트 열 압축과 중첩 가로 스크롤 없이 병합 셀을 유지한다. */
.sn-pipe-summary-grid .standard-data-table__scroll {
overflow: auto;
max-height: max(240px, calc(100dvh - 34rem));
overscroll-behavior: contain;
}
.sn-pipe-summary-grid .table-ui {
border-collapse: separate;
border-spacing: 0;
}
.sn-pipe-summary-grid .table-ui thead {
position: sticky;
top: 0;
z-index: 4;
}
.sn-pipe-summary-grid .table-ui th {
height: 64px;
word-break: keep-all;
overflow-wrap: anywhere;
white-space: normal;
}
.sn-pipe-summary-grid .table-ui td {
white-space: nowrap;
}
.sn-pipe-summary-grid .pipe-summary-fixed {
position: sticky;
z-index: 2;
}
.sn-pipe-summary-grid td.pipe-summary-fixed {
background: var(--background, #fff);
}
.sn-pipe-summary-grid th.pipe-summary-fixed {
z-index: 5;
}
.sn-pipe-summary-grid .pipe-summary-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.sn-pipe-summary-grid .pipe-summary-value {
width: 100%;
font: inherit;
text-align: inherit;
color: var(--primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.sn-pipe-summary-grid .pipe-summary-value:focus-visible {
outline: 2px solid var(--primary);
outline-offset: 2px;
}
.sn-pipe-summary-grid .pipe-summary-group-start td {
border-top: 1px solid var(--border, #ddd);
}