From a5cf65d0d928a6ac5ca23d3173755b0489a9d250 Mon Sep 17 00:00:00 2001
From: Jared Pace <jared@codewordstudios.com>
Date: Thu, 12 Aug 2010 08:40:44 -0400
Subject: [PATCH] Add focus styles to forms

---
 app/views/devise/sessions/new.html.haml | 6 +++---
 public/stylesheets/application.css      | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/views/devise/sessions/new.html.haml b/app/views/devise/sessions/new.html.haml
index ad71fe1..2dbaf77 100644
--- a/app/views/devise/sessions/new.html.haml
+++ b/app/views/devise/sessions/new.html.haml
@@ -3,15 +3,15 @@
 = form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f|
   .required
     = f.label :email
-    = f.text_field :email
+    = f.text_field :email, :tabindex => 1
   .required
     = link_to 'forget it?', new_password_path(resource_name), :class => 'float-right'
     = f.label :password
-    = f.password_field :password
+    = f.password_field :password, :tabindex => 2
     
   - if devise_mapping.rememberable?
     %div.checkbox
-      = f.check_box :remember_me
+      = f.check_box :remember_me, :tabindex => 3
       = f.label :remember_me
       
   %div= f.submit "Sign in"
\ No newline at end of file
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index b072484..61fae97 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -239,6 +239,14 @@ form textarea {
 }
 form textarea.short { height: 8em; }
 form textarea.supershort { height: 4em; }
+form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
+  box-shadow: 0px 0px 4px #69C;
+  -moz-box-shadow: 0px 0px 4px #69C;
+  -webkit-box-shadow: 0px 0px 4px #69C
+}
+form input[type=checkbox]:focus + label{
+  color: #69C;
+}
 form input[type=submit] {
   display:block; width: auto; padding: 0.5em;
   font-size: 1.2em; line-height: 1em; text-transform: uppercase;
--
libgit2 0.21.2