Skip to content

Experimental inputs UI improvements #2263 - #2264

Open
0Cymantek0 wants to merge 1 commit into
aboutcode-org:mainfrom
0Cymantek0:2263-inputs-ui-improvements
Open

0Cymantek0 wants to merge 1 commit into
aboutcode-org:mainfrom
0Cymantek0:2263-inputs-ui-improvements

Conversation

@0Cymantek0

Copy link
Copy Markdown

Issues

Changes

1. Reject directory uploads

  • Detect and reject dropped folders using webkitGetAsEntry().isDirectory.
  • Display a docked warning notice indicating the number of skipped folders.
  • Update docs/inputs.rst to note that directory uploads are unsupported and must be uploaded as archives (.zip, .tar.gz).
Before After
before_rejection after_rejection

2. Staged files summary header and batch controls

  • Add a sticky header above the inputs list displaying total file count, formatted combined size, and a "Delete all" button.
  • Accumulate multi-step selections across repeated drops or picker selections instead of overwriting prior selections.
Before After
before_summary after_summary

3. Layout bounds and pinned project form actions

  • Bound the file inputs list height with vertical scrolling (max-height: 180px) and scrollbar-gutter: stable to prevent page expansion and layout shifts.
  • Bound the download URLs textarea with internal vertical scrolling.
  • Keep the project form submission controls pinned to the bottom of the viewport so action buttons remain accessible while managing long input lists.
Before After
before_layout after_layout

4. Delete button on long file names made accessible

  • Previously, when a file with a very long name was uploaded, the delete button was pushed out of bounds making it unclickable. Now that has been fixed with ellipsis and flex shrink boundaries.
Before After
before_delete after_delete

Checklist

  • I have read the contributing guidelines
  • I have linked an existing issue above
  • I have added unit tests covering the new code (N/A: frontend vanilla JS/CSS changes; verified manually and existing test suite passes)
  • I have reviewed and understood every line of this PR

Add a sticky header for staged files with count, total size, and delete all. Prevent rapid delete clicks from opening the file picker dialog. Bound the file list and download URLs textarea to avoid page expansion, and keep the bottom actions pinned to the viewport.

Signed-off-by: Shuvagata Dey <cymantekfnosz@gmail.com>

This branch has not been deployed

No deployments
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.

1 participant