From 1b34317dcdc39b779e6506b1ad4e51ea4365bf7f Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Wed, 4 Nov 2015 15:09:42 -0200
Subject: #504 - Making the recipients fields have a distinct background color
 when focused (like subject and body already did)

---
 web-ui/app/scss/_mixins.scss                | 6 ++++++
 web-ui/app/templates/compose/recipients.hbs | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'web-ui')

diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index acc3966d..f29b92ee 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -271,4 +271,10 @@
   }
 }
 
+ input.recipients-input:focus {
+    background: #fafafa !important;
+    border-color: #999999;
+    outline: none; 
+  }
+
 @include tt-hint;
diff --git a/web-ui/app/templates/compose/recipients.hbs b/web-ui/app/templates/compose/recipients.hbs
index 7971678f..effe48e2 100644
--- a/web-ui/app/templates/compose/recipients.hbs
+++ b/web-ui/app/templates/compose/recipients.hbs
@@ -2,18 +2,18 @@
     <div id='recipients-to-area' class="recipients-area input-container columns large-12 no-padding">
         <input class="recipients-navigation-handler"/>
         <label for="recipients-to-box" class="recipients-label column large-1">{{t 'TO'}}: </label>
-        <input id='recipients-to-box' type="text" tabindex="1"/>
+        <input id='recipients-to-box' class="recipients-input" type="text" tabindex="1"/>
     </div>
 
     <div id="recipients-cc-area" class="recipients-area input-container columns large-12 no-padding">
         <input class="recipients-navigation-handler"/>
         <label for="recipients-cc-box" class="recipients-label column large-1">{{t 'CC'}}: </label>
-        <input id='recipients-cc-box' type="text" tabindex="2"/>
+        <input id='recipients-cc-box' class="recipients-input" type="text" tabindex="2"/>
     </div>
 
     <div id="recipients-bcc-area" class="recipients-area input-container columns large-12 no-padding">
         <input class="recipients-navigation-handler"/>
         <label for ="recipients-bcc-box" class="recipients-label column large-1">{{t 'BCC'}}: </label>
-        <input id='recipients-bcc-box' type="text" tabindex="3"/>
+        <input id='recipients-bcc-box' class="recipients-input" type="text" tabindex="3"/>
     </div>
 </div>
-- 
cgit v1.2.3