Skip to content

Update collection editing and sharing UI#2943

Open
emma-sg wants to merge 17 commits intomainfrom
frontend-collection-share-improvements
Open

Update collection editing and sharing UI#2943
emma-sg wants to merge 17 commits intomainfrom
frontend-collection-share-improvements

Conversation

@emma-sg
Copy link
Copy Markdown
Member

@emma-sg emma-sg commented Oct 28, 2025

Closes #3130

Changes

  • adds inline collection name and caption editing on the detail page
  • changes "copy link" button text from "Copy Link" to "Copy Public Link" for clarity when collection is public
  • modifies the collection detail page to make the access icon next to the collection title into a clickable button that opens the sharing tab in the edit dialog
  • adds a dedicated share button to the header actions with a share icon that also opens the sharing tab
  • normalizes toast ids to "update" to not clutter screen when making consecutive changes
  • fixes a variety of wrapping/clipping/text truncation issues on the collection detail page, public collection page, and collection list view
  • adds a minimum collection name length that's validated on the back-end, as previously the name could be set to an empty string, which would cause requests to fail involving that collection
  • fixes a few bugs with smaller viewport sizes

Demo

Screen.Recording.2026-04-29.at.6.04.45.PM.mov

@ikreymer ikreymer moved this to Implementing in Webrecorder Projects Nov 13, 2025
@emma-sg emma-sg force-pushed the frontend-collection-share-improvements branch from 8c51f30 to a70d05d Compare November 18, 2025 20:09
@emma-sg emma-sg force-pushed the frontend-collection-share-improvements branch from a70d05d to a156987 Compare April 23, 2026 18:50
@emma-sg emma-sg changed the title [wip] update collection sharing UI and copy button Update collection editing and sharing UI Apr 29, 2026
@emma-sg emma-sg force-pushed the frontend-collection-share-improvements branch from 38515b6 to bf3c804 Compare April 29, 2026 18:07
emma-sg added 15 commits April 29, 2026 18:04
- updates the share collection component to add "name" and "size"
attributes to the copy button for improved accessibility and styling -
changes button text from "Copy Link" to "Copy Public Link" for clarity -
modifies the collection detail page to make the access icon next to the
collection title a clickable button that opens the sharing tab in the
edit dialog - adds a dedicated share button to the header actions with a
share icon that also opens the sharing tab
- remove asynchronous text measurement for better performance
- add validation UI with character counter for editable fields
- fix layout issues with long collection names and captions
- improve responsive design with better truncation and wrapping
- fix page layout padding consistency
- remove event listeners on disconnected callback
- remove unnecessary initialization
- fix some translated strings
- use same id for generic update toasts
- remove empty nested icon component
- improve hitboxes
- show warning about unsaved changes when failing validation
- improve validation warning display
This reverts commit 27fe0653c6c819fa5555f1362f637633b9dfb8ef.
@emma-sg emma-sg force-pushed the frontend-collection-share-improvements branch from 6905247 to ee6a04c Compare April 29, 2026 22:04
@emma-sg emma-sg requested review from SuaYoo and tw4l April 29, 2026 22:20
@emma-sg emma-sg marked this pull request as ready for review April 29, 2026 22:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Task]: Update collection sharing UI and copy button

2 participants