Drop View button + page-level horizontal scroll (v1.10.9)

- Removed the redundant "View" button from each conversation row in
  the browse table. The chat name in the Name column is already an
  <a> link to the conversation, so View was duplicating that action.
  Dropped the button markup, its click handler, and the .btn-view
  CSS rules. Narrower Actions column.

- Reverted the table-level horizontal scroll from v1.10.6/1.10.7:
  .conversations-table is back to overflow: hidden, so when the
  viewport is narrower than the table's min-width, the PAGE scrolls
  horizontally instead of the table getting its own scrollbar. User
  preferred this — single scrollbar rather than two.

- Table min-width: 1200px -> 1100px since the Actions column is
  narrower now.

The flex-wrap cascade from v1.10.7/1.10.8 stays so the header
controls still wrap and don't unnecessarily inflate page width.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
tux tucker 2026-05-18 20:03:06 -04:00
parent c344ada75a
commit d52a280979
8 changed files with 14 additions and 42 deletions

View file

@ -342,13 +342,13 @@
.conversations-table {
background: var(--bg-card);
border-radius: 8px;
overflow-x: auto;
overflow: hidden;
box-shadow: 0 2px 8px var(--shadow-sm);
}
table {
width: 100%;
min-width: 1200px;
min-width: 1100px;
border-collapse: collapse;
}
@ -630,16 +630,6 @@
background: var(--primary-hover);
}
.btn-view {
background: var(--secondary-bg);
color: var(--text-primary);
}
.btn-view:hover {
background: var(--hover-bg);
filter: brightness(0.95);
}
.btn-small:disabled {
background: var(--disabled-bg);
color: var(--disabled-text);

View file

@ -484,9 +484,6 @@ function displayConversations() {
<button class="btn-small btn-export" data-id="${escapeHtml(conv.uuid)}" data-name="${escapeHtml(conv.name)}">
Export
</button>
<button class="btn-small btn-view" data-id="${escapeHtml(conv.uuid)}">
View
</button>
</div>
</td>
<td class="checkbox-col">
@ -512,14 +509,6 @@ function displayConversations() {
});
});
// Add view button listeners
document.querySelectorAll('.btn-view').forEach(btn => {
btn.addEventListener('click', (e) => {
const conversationId = e.target.dataset.id;
window.open(`https://claude.ai/chat/${conversationId}`, '_blank');
});
});
// Add checkbox listeners (use 'click' instead of 'change' to capture shift key)
document.querySelectorAll('.conversation-checkbox').forEach(checkbox => {
checkbox.addEventListener('click', handleCheckboxChange);

View file

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

View file

@ -1,5 +1,10 @@
# Changelog
## [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.
- Browse table no longer scrolls horizontally on its own. `.conversations-table` is back to `overflow: hidden`, so when the viewport is narrower than the table's `min-width` (now 1100px, was 1200px), the **page** scrolls horizontally instead of the table container. Cleaner — single scrollbar.
## [1.10.8]
- Narrow-viewport fix follow-up: `flex-wrap: wrap` cascaded down into `.export-controls-wrapper`, `.export-settings`, `.export-row`, and `.export-section` so the individual export-options checkboxes and dropdowns can wrap to multiple lines instead of forcing the body wider than the viewport. With the page no longer overflowing, the table's own `overflow-x: auto` scrollbar now actually does the work for the table.

View file

@ -52,10 +52,6 @@
### Medium Priority 🟡
- **UI cleanup: Remove redundant "View" button**
- Chat name already links to conversation, "View" button may be unnecessary
- Frees up that table cell for future artifact-indicator badges
- **Artifact indicators in browse table**
- Show icon next to conversation name if it contains artifacts
- Add filter options in funnel dropdown: with artifacts / without artifacts
@ -161,6 +157,9 @@
## Completed ✅
- **Removed redundant "View" button from browse table** (v1.10.9)
- Chat name in the Name column is already a clickable link to the conversation; the "View" button duplicated that. Removed the button, handler, and `.btn-view` CSS. Narrower Actions column lets table `min-width` drop from 1200px to 1100px.
- **Removed redundant "Organization ID not set up" popup banner** (v1.9.9)
- Org ID auto-detected on every export action (v1.8.12) made the upfront banner redundant
- Dropped the `#setupNotice` div, the load-time auto-detect-or-warn check, and the options-page link handler

View file

@ -342,13 +342,13 @@
.conversations-table {
background: var(--bg-card);
border-radius: 8px;
overflow-x: auto;
overflow: hidden;
box-shadow: 0 2px 8px var(--shadow-sm);
}
table {
width: 100%;
min-width: 1200px;
min-width: 1100px;
border-collapse: collapse;
}

View file

@ -484,9 +484,6 @@ function displayConversations() {
<button class="btn-small btn-export" data-id="${escapeHtml(conv.uuid)}" data-name="${escapeHtml(conv.name)}">
Export
</button>
<button class="btn-small btn-view" data-id="${escapeHtml(conv.uuid)}">
View
</button>
</div>
</td>
<td class="checkbox-col">
@ -512,14 +509,6 @@ function displayConversations() {
});
});
// Add view button listeners
document.querySelectorAll('.btn-view').forEach(btn => {
btn.addEventListener('click', (e) => {
const conversationId = e.target.dataset.id;
window.open(`https://claude.ai/chat/${conversationId}`, '_blank');
});
});
// Add checkbox listeners (use 'click' instead of 'change' to capture shift key)
document.querySelectorAll('.conversation-checkbox').forEach(checkbox => {
checkbox.addEventListener('click', handleCheckboxChange);

View file

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