Skip to content

feat(upload): show file size on upload - #19045

Merged
Antreesy merged 2 commits into
mainfrom
fix/noid/file-upload-show-size
Aug 25, 2026
Merged

feat(upload): show file size on upload#19045
Antreesy merged 2 commits into
mainfrom
fix/noid/file-upload-show-size

Conversation

@Antreesy

@Antreesy Antreesy commented Aug 21, 2026

Copy link
Copy Markdown
Contributor

☑️ Resolves

AI (if applicable)

  • The content of this PR was partly or fully generated using AI

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

☀️ Light theme 🌑 Dark Theme
2026-08-21_11h36_05 2026-08-21_11h36_38
2026-08-21_11h36_16 2026-08-21_11h36_28

🏁 Checklist

  • 🌏 Tested with different browsers / clients:
    • Chromium (Chrome / Edge / Opera / Brave)
    • Firefox
    • Safari
    • Talk Desktop
    • Integrations with Files sidebar and other apps
    • Not risky to browser differences / client
  • 🖌️ Design was reviewed, approved or inspired by the design team
  • ⛑️ Tests are included or not possible
  • 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

@Antreesy Antreesy added this to the ⛅ Next Beta/RC (35) milestone Aug 21, 2026
@Antreesy
Antreesy requested review from DorraJaouad and ShGKme August 21, 2026 11:01
@Antreesy Antreesy self-assigned this Aug 21, 2026
@nextcloud-command nextcloud-command added the AI assisted This PR contains AI-assisted commits label Aug 21, 2026
@Antreesy
Antreesy force-pushed the fix/noid/file-upload-show-size branch from b60fc9c to 984ea0a Compare August 24, 2026 15:53
inset-inline-end: var(--default-grid-baseline);
padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline);
border-radius: var(--border-radius);
background-color: rgba(var(--color-main-background-rgb), 0.5);

@Antreesy Antreesy Aug 24, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Decreased opacity from 0.85 to 0.5 after alignment with design team

Details

Same as on old screenshots, just less contrast
image

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not accessible due to low contrast.
Can we have it under the image?

@Antreesy Antreesy Aug 24, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd rather increase opacity value back to the high one...
Staged files have either a preview or mimeicon+name to be identified, we can't take any space from the name area

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reduce the font size?

@Antreesy Antreesy Aug 25, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's already 13px, we can't / shouldn't go lower
Will revert opacity back to 0.85, again aligned with @nimishavijay

@Antreesy Antreesy Aug 25, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually taking a sweet midle of 0.7 (pass WCAG AAA, less prominent):

0.5 0.7 (minimum to pass) 0.85
image image image
image

Assisted-by: ClaudeCode:claude-sonnet-5
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Assisted-by: ClaudeCode:claude-sonnet-5
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
@Antreesy
Antreesy force-pushed the fix/noid/file-upload-show-size branch from 984ea0a to 6f22907 Compare August 25, 2026 11:18
@Antreesy
Antreesy enabled auto-merge August 25, 2026 11:35
@Antreesy
Antreesy merged commit 1b32975 into main Aug 25, 2026
53 checks passed
@Antreesy
Antreesy deleted the fix/noid/file-upload-show-size branch August 25, 2026 12:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI assisted This PR contains AI-assisted commits design enhancement feature: frontend 🖌️ "Web UI" client feature: upload & shares & voice 📤🎙️ Sharing files into a chat and audio recordings

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants