feat(ui): add overall upload progress and improve file icons
- Track per-file loaded bytes and compute an overall upload percentage - Add overall progress bar/percent styling and resize upload window to fit - Hide the upload result section until a share URL is available - Use a specific icon for .exe files and update the default fallback iconfeat(ui): add overall upload progress and improve file icons - Track per-file loaded bytes and compute an overall upload percentage - Add overall progress bar/percent styling and resize upload window to fit - Hide the upload result section until a share URL is available - Use a specific icon for .exe files and update the default fallback icon
This commit is contained in:
@@ -48,7 +48,7 @@
|
||||
<p class="upload-empty-state">No files selected</p>
|
||||
</div>
|
||||
|
||||
<div class="upload-result" aria-live="polite">
|
||||
<div class="upload-result is-hidden" aria-live="polite">
|
||||
<span class="upload-result-label">Folder link</span>
|
||||
<a id="upload-box-link" class="upload-result-link is-empty" href="#" aria-disabled="true">Waiting for upload</a>
|
||||
<button id="upload-share-button" class="win98-button upload-share-button" type="button" disabled>Share</button>
|
||||
@@ -60,6 +60,13 @@
|
||||
<button class="win98-button" type="submit">Upload</button>
|
||||
</footer>
|
||||
|
||||
<div class="upload-overall" aria-live="polite">
|
||||
<div class="upload-overall-track" aria-hidden="true">
|
||||
<span class="upload-overall-bar"></span>
|
||||
</div>
|
||||
<span class="upload-overall-percent">0%</span>
|
||||
</div>
|
||||
|
||||
<div class="win98-statusbar upload-statusbar" aria-live="polite">
|
||||
<span>Ready</span>
|
||||
<span>WarpBox</span>
|
||||
|
||||
Reference in New Issue
Block a user