style(table): optimize for 1920x1080 without horizontal scroll

- Switched to fixed table layout to ensure fit within viewport
- Implemented automatic ellipsis (...) for overflowing text in all cells
- Synchronized cell widths and alignment in ListFactory with column definitions
- Removed restrictive min-widths that caused horizontal scrolling
This commit is contained in:
2026-06-18 20:41:03 +09:00
parent aab1f91d3d
commit c0ef52deac
2 changed files with 9 additions and 7 deletions

View File

@@ -41,7 +41,7 @@ table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
table-layout: fixed; /* Force fixed layout to prevent horizontal scroll */
}
th, td {
@@ -49,6 +49,8 @@ th, td {
border-bottom: 1px solid var(--hairline);
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* Show ... for long text */
}
thead {
@@ -86,11 +88,9 @@ tbody tr:hover {
/* 메모 컬럼 전용 */
.col-memo {
width: 25%;
min-width: 300px;
white-space: normal !important;
word-break: break-all;
line-height: 1.5;
white-space: nowrap !important; /* Keep as one line */
overflow: hidden;
text-overflow: ellipsis;
}
/* --- Table Sorting --- */