From d225c7adb0adca038852b32a66389576e3e0a77b Mon Sep 17 00:00:00 2001 From: fen Date: Fri, 18 Sep 2026 08:31:37 -0500 Subject: [PATCH] #296: owner override: revert URL column reorder (back to position 6) and widen .col-url to 300px (200px mobile) so typical slugs fit without ellipsis --- internal/web/static/app.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index df77449..458e3fc 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -666,6 +666,8 @@ a.admin-link:hover { color: var(--fg); text-decoration: underline; } th { padding: 8px 10px; font-size: 12px; white-space: nowrap; } td { padding: 8px 10px; font-size: 14px; } .pager { flex-wrap: wrap; gap: 8px; font-size: 13px; } + /* #296: URL column scales down on mobile; the table scrolls horizontally inside .float */ + .col-url { width: 200px; } /* paste view */ .paste-title-bar { padding: 10px 12px; gap: 8px; } @@ -896,7 +898,9 @@ button[type="submit"]:focus-visible, .col-f { width: 100px; } .col-g { width: 190px; } /* #255: history's URL column had its own narrow width (col-f doubles as /mine's ID column); give it a dedicated class. */ -.col-url { width: 150px; } +.col-url { width: 300px; } +/* keep ellipsis for genuinely long custom slugs inside the wider URL column (#296) */ +td a.slug.url-link { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } /* #210: /mine rows render a delete button cell that had no declared column, so under table-layout:fixed it overlapped the ID column. */ .col-del { width: 64px; }