cb73d83f1e
JSON validation added to UI. This has been implemented through the use of a flag to enable/disable the functionality with a watcher on the value to set the success/error class on the textarea itself. No hard validation added to the field.
55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
.form-group {
|
|
.form-control {
|
|
@include transition(border-color .2s ease-in-out);
|
|
@include transition(box-shadow .2s ease-in-out);
|
|
@include transition(border-color .2s ease-in-out);
|
|
|
|
&.form-control-mini {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
&.valid {
|
|
.form-control {
|
|
border-color: $green-faded;
|
|
box-shadow: 0 0 5px $green-faded;
|
|
}
|
|
}
|
|
|
|
&.validate {
|
|
&.success {
|
|
.form-control {
|
|
border-color: $green-faded;
|
|
box-shadow: 0 0 5px $green-faded;
|
|
}
|
|
}
|
|
|
|
&.error {
|
|
.form-control {
|
|
border-color: $red-faded;
|
|
box-shadow: 0 0 5px $red-faded;
|
|
}
|
|
}
|
|
}
|
|
|
|
.input-group-addon {
|
|
background-color: $gray-background;
|
|
}
|
|
}
|
|
|
|
textarea.form-control {
|
|
height: 130px;
|
|
}
|
|
|
|
.form-checkbox {
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
color: $gray;
|
|
margin-left: 20px;
|
|
|
|
input {
|
|
margin-right: 5px;
|
|
}
|
|
}
|