dossiers: allow auto upload of attachments

app/assets/stylesheets/new_design/_colors.scss

@@ -10,6 +10,7 @@ $dark-red: #A10005;
 $medium-red: rgba(161, 0, 5, 0.9);
 $light-red: #ED1C24;
 $lighter-red: #F52A2A;
+$background-red: #FFDFDF;
 $green: #15AD70;
 $lighter-green: lighten($green, 30%);
 $light-green: lighten($green, 25%);

app/assets/stylesheets/new_design/attachment.scss

@@ -1,3 +1,4 @@
+@import "colors";
 @import "constants";
 
 .attachment-actions {
@@ -13,6 +14,38 @@
   }
 }
 
+.attachment-error {
+  display: flex;
+  width: max-content;
+  max-width: 100%;
+  align-items: center;
+  margin-bottom: $default-padding;
+  padding: $default-padding;
+  background: $background-red;
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.attachment-error-message {
+  display: inline-block;
+  margin-right: $default-padding;
+  color: $medium-red;
+}
+
+.attachment-error-title {
+  font-weight: bold;
+}
+
+.attachment-error-retry {
+  white-space: nowrap;
+
+  &.hidden {
+    display: none;
+  }
+}
+
 .attachment-input.hidden {
   display: none;
 }

app/assets/stylesheets/new_design/direct_uploads.scss

@@ -33,6 +33,7 @@
   border-color: red;
 }
 
-input[type=file][data-direct-upload-url][disabled] {
+input[type=file][data-direct-upload-url][disabled],
+input[type=file][data-auto-attach-url][disabled] {
   display: none;
 }

app/assets/stylesheets/new_design/icons.scss

@@ -67,6 +67,10 @@
     background-image: image-url("icons/preview.svg");
   }
 
+  &.retry {
+    background-image: image-url("icons/retry.svg");
+  }
+
   &.download {
     background-image: image-url("icons/download.svg");
   }