Skip to content

Tidy up the Encrypted Files page layout#904

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

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 — empty right panel, narrow content, blue-outlined empty box, small upload area

After

After — content fills the width, neutral empty state, larger upload area

Narrower window (no more sideways scrolling)

Encrypted Files at 1200px wide — fits without horizontal scroll

@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
radishmouse
radishmouse previously approved these changes Jun 25, 2026
aaspinwall and others added 3 commits July 7, 2026 18:06
- 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>
This PR removed the `.wrapper { min-width: calc(80vw - 16rem) }` rule (the cause
of horizontal overflow on narrow windows); remove the leftover class name too,
since it no longer maps to any style.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@aaspinwall aaspinwall force-pushed the fix/encrypted-files-layout branch from 09d38d1 to 1888b5d Compare July 7, 2026 22:08
@aaspinwall

Copy link
Copy Markdown
Collaborator Author

This is not a very important change. I'll re-submit it when we have a nicer design

@aaspinwall aaspinwall closed this Jul 9, 2026
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