allaw-ui 3.0.6 → 3.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -273,8 +273,9 @@ var FileUploader = function (_a) {
|
|
|
273
273
|
selectedFile && (React.createElement("div", { className: styles.uploaded_file_delete_container },
|
|
274
274
|
React.createElement("div", { className: styles.uploaded_file_delete, onClick: handleFileDelete },
|
|
275
275
|
React.createElement("i", { className: "allaw-icon-close" }))))),
|
|
276
|
-
|
|
277
|
-
React.createElement("div", { className: styles.
|
|
276
|
+
uploadProgress > 0 && (React.createElement("div", { className: styles.uploaded_file_progress_bar },
|
|
277
|
+
React.createElement("div", { className: styles.progress_bar_container },
|
|
278
|
+
React.createElement("div", { className: styles.progress_bar_fill, style: { width: "".concat((uploadProgress / 10) * 100, "%") } })))))),
|
|
278
279
|
showCropper && selectedFile && (React.createElement(ImageCropperModal, { file: selectedFile, shape: cropShape, onCancel: handleCropCancel, onConfirm: handleCropConfirm }))));
|
|
279
280
|
};
|
|
280
281
|
export default FileUploader;
|
|
@@ -223,12 +223,13 @@
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.uploaded_file_progress_bar {
|
|
226
|
-
display: flex;
|
|
227
|
-
flex-direction: row;
|
|
228
|
-
align-items: center;
|
|
229
|
-
justify-content: center;
|
|
230
|
-
width: 100
|
|
231
|
-
height: 40px;
|
|
226
|
+
display: flex !important;
|
|
227
|
+
flex-direction: row !important;
|
|
228
|
+
align-items: center !important;
|
|
229
|
+
justify-content: center !important;
|
|
230
|
+
width: 100% !important;
|
|
231
|
+
height: 40px !important;
|
|
232
|
+
margin-top: 8px !important;
|
|
232
233
|
}
|
|
233
234
|
|
|
234
235
|
.progress_bar_container {
|
|
@@ -237,12 +238,14 @@
|
|
|
237
238
|
background-color: #e6edf5;
|
|
238
239
|
border-radius: 2px;
|
|
239
240
|
overflow: hidden;
|
|
241
|
+
display: block !important;
|
|
240
242
|
}
|
|
241
243
|
|
|
242
244
|
.progress_bar_fill {
|
|
243
245
|
height: 100%;
|
|
244
246
|
background-color: #25beeb;
|
|
245
247
|
transition: width 0.3s ease-in-out;
|
|
248
|
+
display: block !important;
|
|
246
249
|
}
|
|
247
250
|
|
|
248
251
|
.drag_over {
|