Skip to content

Commit 1ed23bb

Browse files
committed
fix: adjust column widths and overflow handling for date and name columns
1 parent cd182ca commit 1ed23bb

File tree

1 file changed

+13
-2
lines changed

1 file changed

+13
-2
lines changed

src/css/manage.scss

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -140,11 +140,22 @@
140140

141141
td.column-date, th.column-date {
142142
white-space: nowrap;
143-
min-inline-size: 110px;
144-
max-inline-size: 200px;
143+
inline-size: 130px; /* fixed column width */
144+
min-inline-size: 130px;
145+
max-inline-size: 130px;
145146
text-align: right;
146147
padding-inline-start: 8px;
147148
padding-inline-end: 8px;
149+
overflow: hidden;
150+
text-overflow: ellipsis;
151+
}
152+
153+
/* Ensure the name column can shrink/ellipsis instead of pushing the date. */
154+
td.column-name, th.column-name {
155+
max-inline-size: calc(100% - 140px);
156+
overflow: hidden;
157+
text-overflow: ellipsis;
158+
white-space: nowrap;
148159
}
149160
}
150161

0 commit comments

Comments
 (0)