mirror of
https://github.com/juherr/kill-the-news.git
synced 2026-06-20 22:03:48 +00:00
fix(admin): truncate spam titles + speed up table view
This commit is contained in:
@@ -591,10 +591,12 @@ export const componentStyles = `
|
||||
|
||||
table.table.table-feeds {
|
||||
min-width: 860px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
table.table.table-emails {
|
||||
min-width: 760px;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
table.table th,
|
||||
@@ -605,6 +607,47 @@ export const componentStyles = `
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Fixed column sizing so long spam titles don't blow up layout */
|
||||
table.table.table-feeds th:nth-child(1),
|
||||
table.table.table-feeds td:nth-child(1) {
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
table.table.table-feeds th:nth-child(3),
|
||||
table.table.table-feeds td:nth-child(3) {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
table.table.table-feeds th:nth-child(4),
|
||||
table.table.table-feeds td:nth-child(4) {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
table.table.table-feeds th:nth-child(5),
|
||||
table.table.table-feeds td:nth-child(5) {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
table.table.table-feeds th:nth-child(6),
|
||||
table.table.table-feeds td:nth-child(6) {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
table.table.table-emails th:nth-child(1),
|
||||
table.table.table-emails td:nth-child(1) {
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
table.table.table-emails th:nth-child(3),
|
||||
table.table.table-emails td:nth-child(3) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
table.table.table-emails th:nth-child(4),
|
||||
table.table.table-emails td:nth-child(4) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
table.table thead th {
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-semibold);
|
||||
@@ -639,6 +682,14 @@ export const componentStyles = `
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Compact copy-to-clipboard for table cells */
|
||||
.copyable.copyable-inline {
|
||||
margin-bottom: 0;
|
||||
@@ -650,10 +701,15 @@ export const componentStyles = `
|
||||
.copyable.copyable-inline .copyable-content {
|
||||
padding: 6px 8px;
|
||||
border-radius: var(--radius-sm);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.copyable.copyable-inline .copyable-value {
|
||||
margin-right: var(--spacing-xs);
|
||||
word-break: normal;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.row-actions {
|
||||
|
||||
@@ -35,6 +35,11 @@ export const layoutStyles = `
|
||||
padding: var(--spacing-xl);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Wider layout for data-dense pages (tables) */
|
||||
.container-wide {
|
||||
max-width: 1280px;
|
||||
}
|
||||
|
||||
/* Header Styles */
|
||||
.header {
|
||||
|
||||
Reference in New Issue
Block a user