diff options
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/javascripts/forms.js.coffee | 11 | ||||
| -rw-r--r-- | app/assets/stylesheets/gemeinschaft-generic.css.scss | 22 |
2 files changed, 33 insertions, 0 deletions
diff --git a/app/assets/javascripts/forms.js.coffee b/app/assets/javascripts/forms.js.coffee new file mode 100644 index 0000000..42b1c45 --- /dev/null +++ b/app/assets/javascripts/forms.js.coffee @@ -0,0 +1,11 @@ +# Simple Form Toggle for required fields +$(document).ready -> + validate_fields = (obj)-> + if ($(obj).val() == "") + $(obj).addClass "invalid" + else + $(obj).removeClass "invalid" + + sel = "input.required, textarea.required" + $(sel).each (i, e)-> validate_fields(e) + $(sel).keyup -> validate_fields(this) diff --git a/app/assets/stylesheets/gemeinschaft-generic.css.scss b/app/assets/stylesheets/gemeinschaft-generic.css.scss index fbeaa1f..9448b84 100644 --- a/app/assets/stylesheets/gemeinschaft-generic.css.scss +++ b/app/assets/stylesheets/gemeinschaft-generic.css.scss @@ -25,6 +25,28 @@ li.display { } input, textarea, .uneditable-input { width: 500px; + @media (max-width: 979px) { + width: 200px; + } + @media (max-width: 480px) { + width: 96%; + } +} +input, textarea { + &.invalid { + box-shadow: inset -9px 0px 0px rgb(255, 219, 219), inset -14px 0px 0px rgb(255, 245, 245) !important; + } +} + +select { + width: 520px; + @media (max-width: 979px) { + width: 220px; + } + @media (max-width: 480px) { + width: 99.5%; + } + } @media (max-width: 979px) { |