fix(file-uploader): ensure form requirements are visible (#6867)

Co-authored-by: Andrea N. Cardona <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Sep 23, 2020 · 511ffcf · 511ffcf
1 parent 1f6f646
commit 511ffcf
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/components/src/components/file-uploader/_file-uploader.scss b/packages/components/src/components/file-uploader/_file-uploader.scss
@@ -133,6 +133,7 @@
     }
 
     .#{$prefix}--form-requirement {
+      display: block;
       grid-column: 1 / -1;
       max-height: none;
       margin: 0;
@@ -198,6 +199,11 @@
     padding: 0 $carbon--spacing-05;
   }
 
+  .#{$prefix}--file__selected-file--invalid
+    .#{$prefix}--form-requirement__title {
+    color: $text-error;
+  }
+
   .#{$prefix}--file__selected-file--invalid
     .#{$prefix}--form-requirement__supplement {
     color: $text-01;