Browse page: body min-width so table never shrinks (v1.10.10)

Previously, even with the table's min-width: 1100px, the
.conversations-table parent stayed at body width (= viewport width),
and its overflow: hidden was clipping the table's right side rather
than letting the page grow.

Set body { min-width: 1140px } (= 1100 table min-width + 2*20px
.container padding). Now the body is forced to at least 1140px, the
table sits inside at its full natural width, and when the viewport
is narrower than 1140 the PAGE scrolls horizontally. Single page
scrollbar, no internal table scroll, all columns always visible.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
tux tucker 2026-05-18 20:11:46 -04:00
parent d52a280979
commit 9e755e9ed6
5 changed files with 20 additions and 3 deletions

View file

@ -107,6 +107,11 @@
background: var(--bg-body);
color: var(--text-primary);
line-height: 1.6;
/* Keep the table fully visible at all times. When the viewport is
narrower than this, the PAGE scrolls horizontally instead of the
table shrinking or being clipped. 1140 = 1100 (table min-width)
+ 2 * 20px (.container horizontal padding). */
min-width: 1140px;
}
.header {
@ -422,7 +427,10 @@
}
td {
padding: 15px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}

View file

@ -1,7 +1,7 @@
{
"manifest_version": 3,
"name": "Claude Exporter Beta",
"version": "1.10.9",
"version": "1.10.10",
"description": "Export conversations and artifacts from Claude.ai",
"permissions": [
"activeTab",

View file

@ -1,5 +1,9 @@
# Changelog
## [1.10.10]
- Browse page `body { min-width: 1140px }` so the page itself never shrinks below the table's natural width. When the viewport is narrower, the page (not the table) scrolls horizontally — the table always displays all columns at full width, no clipping, no shrinking.
## [1.10.9]
- Removed the redundant "View" button from the browse table — the chat name in the Name column already links to the conversation. Dropped the button, its click handler, and the `.btn-view` CSS.

View file

@ -107,6 +107,11 @@
background: var(--bg-body);
color: var(--text-primary);
line-height: 1.6;
/* Keep the table fully visible at all times. When the viewport is
narrower than this, the PAGE scrolls horizontally instead of the
table shrinking or being clipped. 1140 = 1100 (table min-width)
+ 2 * 20px (.container horizontal padding). */
min-width: 1140px;
}
.header {

View file

@ -1,7 +1,7 @@
{
"manifest_version": 2,
"name": "Claude Exporter Beta",
"version": "1.10.9",
"version": "1.10.10",
"description": "Export conversations and artifacts from Claude.ai",
"permissions": [
"activeTab",