Browse Source

[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"].
pull/4074/head
Joon-Yong Lee 8 years ago
parent
commit
bacda6a63e
1 changed files with 7 additions and 0 deletions
  1. 7
      src/definitions/collections/form.less

7
src/definitions/collections/form.less

@ -89,6 +89,7 @@
.ui.form input[type="tel"], .ui.form input[type="tel"],
.ui.form input[type="time"], .ui.form input[type="time"],
.ui.form input[type="text"], .ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] { .ui.form input[type="url"] {
width: @inputWidth; width: @inputWidth;
vertical-align: top; vertical-align: top;
@ -110,6 +111,7 @@
.ui.form input[type="tel"], .ui.form input[type="tel"],
.ui.form input[type="time"], .ui.form input[type="time"],
.ui.form input[type="text"], .ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] { .ui.form input[type="url"] {
font-family: @inputFont; font-family: @inputFont;
margin: 0em; margin: 0em;
@ -375,6 +377,7 @@
.ui.form input[type="tel"]:focus, .ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus, .ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus, .ui.form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus { .ui.form input[type="url"]:focus {
color: @inputFocusColor; color: @inputFocusColor;
border-color: @inputFocusBorderColor; border-color: @inputFocusBorderColor;
@ -454,6 +457,7 @@
.ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"], .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 .fields.error .field input[type="url"],
.ui.form .field.error textarea, .ui.form .field.error textarea,
.ui.form .field.error select, .ui.form .field.error select,
@ -467,6 +471,7 @@
.ui.form .field.error input[type="tel"], .ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"], .ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"], .ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] { .ui.form .field.error input[type="url"] {
background: @formErrorBackground; background: @formErrorBackground;
border-color: @formErrorBorder; border-color: @formErrorBorder;
@ -486,6 +491,7 @@
.ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]: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 { .ui.form .field.error input[type="url"]:focus {
background: @inputErrorFocusBackground; background: @inputErrorFocusBackground;
border-color: @inputErrorFocusBorder; border-color: @inputErrorFocusBorder;
@ -706,6 +712,7 @@
.ui.inverted.form input[type="tel"], .ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"], .ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"], .ui.inverted.form input[type="text"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"] { .ui.inverted.form input[type="url"] {
background: @invertedInputBackground; background: @invertedInputBackground;
border-color: @invertedInputBorderColor; border-color: @invertedInputBorderColor;

Loading…
Cancel
Save