From e702dcbd01feccadc3d8d070448597ed63bb642d Mon Sep 17 00:00:00 2001 From: "Mario \"Kuroir\" Ricalde" Date: Tue, 19 Feb 2013 23:49:58 -0600 Subject: Makes Forms responsive again. --- app/assets/stylesheets/gemeinschaft-generic.css.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/gemeinschaft-generic.css.scss b/app/assets/stylesheets/gemeinschaft-generic.css.scss index fbeaa1f..7077c87 100644 --- a/app/assets/stylesheets/gemeinschaft-generic.css.scss +++ b/app/assets/stylesheets/gemeinschaft-generic.css.scss @@ -25,6 +25,23 @@ li.display { } input, textarea, .uneditable-input { width: 500px; + @media (max-width: 979px) { + width: 200px; + } + @media (max-width: 480px) { + width: 96%; + } +} + +select { + width: 520px; + @media (max-width: 979px) { + width: 220px; + } + @media (max-width: 480px) { + width: 99.5%; + } + } @media (max-width: 979px) { -- cgit v1.2.3 From cb0d2acf3cd0c6a8e07ef564ac906fe623673978 Mon Sep 17 00:00:00 2001 From: "Mario \"Kuroir\" Ricalde" Date: Wed, 20 Feb 2013 01:15:26 -0600 Subject: Immediate Feedback for Inputs that are Missing --- app/assets/stylesheets/gemeinschaft-generic.css.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/gemeinschaft-generic.css.scss b/app/assets/stylesheets/gemeinschaft-generic.css.scss index 7077c87..9448b84 100644 --- a/app/assets/stylesheets/gemeinschaft-generic.css.scss +++ b/app/assets/stylesheets/gemeinschaft-generic.css.scss @@ -32,6 +32,11 @@ input, textarea, .uneditable-input { 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; -- cgit v1.2.3