Skip to content

Tidy up the Encrypted Files page layout#904

Draft
aaspinwall wants to merge 3 commits into
mainfrom
fix/encrypted-files-layout
Draft

Tidy up the Encrypted Files page layout#904
aaspinwall wants to merge 3 commits into
mainfrom
fix/encrypted-files-layout

Conversation

@aaspinwall

@aaspinwall aaspinwall commented Jun 22, 2026

Copy link
Copy Markdown
Collaborator

What changed?

Tidied up the Encrypted Files page so it looks more finished and uses the space better. The file list now stretches across the full width, the empty "No files" message looks intentional instead of having an odd blue outline, the "Drop files here" upload area is larger, the account email at the top is calmer, and the page no longer gets cut off on smaller windows.

AI disclosure: these changes were made by an AI agent (Claude) working from a human's direction; the human reviewed the result and the before/after screenshots.

Why?

The page felt unfinished: a large empty panel sat on the right and squeezed the file list into the middle, leaving wasted space on both sides; the empty-state box had a bright blue outline that looked accidental; the upload area was small with a big gap beneath it; and on narrower windows the page spilled past the edge of the screen so you had to scroll sideways.

Limitations and Notes

  • Visual/layout polish only — no changes to how files are uploaded, stored, or shared.
  • The detail panel now appears only when you select a file or folder (its empty placeholder is no longer shown when nothing is selected).
  • Further improvements (a clearer first-time upload prompt, file size/date columns) are intentionally left for a follow-up.

Applicable Issues

Closes #903

Screenshots

Before

Before — content fills the width, neutral empty state, taller upload area

After

After — empty right panel, narrow content, blue-outlined empty box, small upload area

Narrower window (no more sideways scrolling)

Encrypted Files at 1200px wide — fits without horizontal scroll

aaspinwall and others added 2 commits June 22, 2026 12:53
- Hide the right detail panel when nothing is selected so the file list
  uses the full width instead of leaving an empty bordered column.
- Let content fill its container (page-wrapper width:100%) and remove the
  viewport-based min-width that caused horizontal overflow below 1440px.
- Match the detail panel's divider to the left sidebar (border-l).
- Enlarge the upload drop zone to fill the sidebar height.
- Neutralize the empty-state border (blue -> gray) and soften the header email.

Closes #903

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@aaspinwall aaspinwall added the Send This is an issue with Thunderbird Send's backend/frontend components label Jun 22, 2026
@aaspinwall aaspinwall requested a review from radishmouse June 22, 2026 16:55
@aaspinwall

Copy link
Copy Markdown
Collaborator Author

There might be a test that's actually broken. I'll review the PR

@aaspinwall aaspinwall marked this pull request as draft June 23, 2026 18:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Send This is an issue with Thunderbird Send's backend/frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Encrypted Files page: layout is uneven

2 participants