From bacda6a63e6e27d861fdeb3c375f9f7a98a6edeb Mon Sep 17 00:00:00 2001
From: Joon-Yong Lee <joonyong.lee@pnnl.gov>
Date: Fri, 27 May 2016 09:40:07 -0700
Subject: [PATCH] [Input] ADD the same style for input[type="file"].

in form validation, type="file" is working properly but the style
doesn't change properly. Because there are missing points. I add css
selectors for input[type="file"] in this file so that we can see some
'error' style for input[type="file"].
---
 src/definitions/collections/form.less | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
index f212371bc..efa2a9e9d 100755
--- a/src/definitions/collections/form.less
+++ b/src/definitions/collections/form.less
@@ -89,6 +89,7 @@
 .ui.form input[type="tel"],
 .ui.form input[type="time"],
 .ui.form input[type="text"],
+.ui.form input[type="file"],
 .ui.form input[type="url"] {
   width: @inputWidth;
   vertical-align: top;
@@ -110,6 +111,7 @@
 .ui.form input[type="tel"],
 .ui.form input[type="time"],
 .ui.form input[type="text"],
+.ui.form input[type="file"],
 .ui.form input[type="url"] {
   font-family: @inputFont;
   margin: 0em;
@@ -375,6 +377,7 @@
 .ui.form input[type="tel"]:focus,
 .ui.form input[type="time"]:focus,
 .ui.form input[type="text"]:focus,
+.ui.form input[type="file"]:focus,
 .ui.form input[type="url"]:focus {
   color: @inputFocusColor;
   border-color: @inputFocusBorderColor;
@@ -454,6 +457,7 @@
 .ui.form .fields.error .field input[type="tel"],
 .ui.form .fields.error .field input[type="time"],
 .ui.form .fields.error .field input[type="text"],
+.ui.form .fields.error .field input[type="file"],
 .ui.form .fields.error .field input[type="url"],
 .ui.form .field.error textarea,
 .ui.form .field.error select,
@@ -467,6 +471,7 @@
 .ui.form .field.error input[type="tel"],
 .ui.form .field.error input[type="time"],
 .ui.form .field.error input[type="text"],
+.ui.form .field.error input[type="file"],
 .ui.form .field.error input[type="url"] {
   background: @formErrorBackground;
   border-color: @formErrorBorder;
@@ -486,6 +491,7 @@
 .ui.form .field.error input[type="tel"]:focus,
 .ui.form .field.error input[type="time"]:focus,
 .ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="file"]:focus,
 .ui.form .field.error input[type="url"]:focus {
   background: @inputErrorFocusBackground;
   border-color: @inputErrorFocusBorder;
@@ -706,6 +712,7 @@
 .ui.inverted.form input[type="tel"],
 .ui.inverted.form input[type="time"],
 .ui.inverted.form input[type="text"],
+.ui.inverted.form input[type="file"],
 .ui.inverted.form input[type="url"] {
   background: @invertedInputBackground;
   border-color: @invertedInputBorderColor;