Added progress bar

- whilst uploading, the filename is blue,
- whilst uploading, a blue progress bar is moving. The progress bar has been added under the
  filename to be sure not to break the design.
- when the upload has successfully finished, the progressbar is hidden and the filename
  turns black (like attachments from Files)
- if a problem occurred during upload, the progressbar and the filename become red,
- it is possible to cancel an ongoing upload by pressing the wastebasket.

Signed-off-by: Luc Calaresu <dev@calaresu.com>

1 files changed, 16 insertions, 5 deletions

diff --git a/css/mail.css b/css/mail.css
index 43016daef..981c6fd39 100755
--- a/css/mail.css
+++ b/css/mail.css
@@ -801,13 +801,24 @@ input.submit-message,
 	vertical-align: middle;
 }
 
-#fileupload {
-	display: none;
+/* attachment filenames */
+.new-message-attachment-name {
+	display:inline-block;
 }
-
-#mail-new-attachment-local {
-	display: inline;
+/* Colour the filename with a different color during attachment upload */
+.new-message-attachment-name.upload-ongoing {
+	color: #0082c9;
+}
+/* Colour the filename in red if the attachment upload failed */
+.new-message-attachment-name.upload-warning {
+	color: #d2322d;
 }
+/* Red ProgressBar for failed attachment uploads */
+.new-message-attachment-name.upload-warning .ui-progressbar-value {
+	border: 1px solid #e9322d;
+	background: #e9322d;
+}
+
 
 /* compose (handling mailto links) */