feat: Small tweaks for QUploader design

Author: rstoenescu

src/components/ajax-bar/QAjaxBar.js

@@ -35,13 +35,13 @@ function inc (p, amount) {
       amount = Math.random() * 2
     }
     else if (p < 99) {
-      amount = 0.5
+      amount = 0.6
     }
     else {
       amount = 0
     }
   }
-  return between(Math.floor(p + amount), 0, 100)
+  return between(p + amount, 0, 100)
 }
 
 function highjackAjax (start, stop) {
@@ -142,7 +142,7 @@ export default {
     }
   },
   methods: {
-    start () {
+    start (speed = 300) {
       this.calls++
       if (this.calls > 1) { return }
 
@@ -156,7 +156,7 @@ export default {
       this.animate = false
       this.timer = setTimeout(() => {
         this.animate = true
-        this.__work()
+        this.__work(speed)
       }, 100)
     },
     increment (amount) {
@@ -185,12 +185,12 @@ export default {
       }
     },
 
-    __work () {
+    __work (speed) {
       if (this.progress < 100) {
         this.timer = setTimeout(() => {
           this.increment()
-          this.__work()
-        }, 100)
+          this.__work(speed)
+        }, speed)
       }
     }
   },

src/components/uploader/QUploader.vue

@@ -44,7 +44,7 @@
       <q-icon
         v-if="uploading"
         slot="after"
-        class="q-if-end self-center"
+        class="q-if-end self-center q-if-control"
         :name="$q.icon.uploader[`clear${isInverted ? 'Inverted' : ''}`]"
         @click.native="abort"
       />
@@ -53,7 +53,7 @@
         v-if="!uploading"
         slot="after"
         :name="$q.icon.uploader.add"
-        class="q-uploader-pick-button q-if-control relative-position overflow-hidden"
+        class="q-uploader-pick-button self-center q-if-control relative-position overflow-hidden"
         @click.native="__pick"
         :disabled="addDisabled"
       >
@@ -71,7 +71,7 @@
         v-if="!hideUploadButton && !uploading"
         slot="after"
         :name="$q.icon.uploader.upload"
-        class="q-if-control"
+        class="q-if-control self-center"
         :disabled="queueLength === 0"
         @click.native="upload"
       />
@@ -80,7 +80,7 @@
         v-if="hasExpandedContent"
         slot="after"
         :name="$q.icon.uploader.expand"
-        class="q-if-control generic_transition"
+        class="q-if-control generic_transition self-center"
         :class="{'rotate-180': expanded}"
         @click.native="expanded = !expanded"
       />