From a631b76175e1bbb0a2d752cd395ef1295fa435b5 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sat, 13 Aug 2016 19:34:21 -0400
Subject: Remove fixed table on dashboard and improve input placeholders

---
 assets/sass/_form.sass      |  8 +++-----
 assets/sass/_mixins.sass    | 10 ++++++++++
 assets/sass/_variables.sass |  2 +-
 3 files changed, 14 insertions(+), 6 deletions(-)

(limited to 'assets/sass')

diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass
index e46e14d4..d70d505c 100644
--- a/assets/sass/_form.sass
+++ b/assets/sass/_form.sass
@@ -1,4 +1,5 @@
 @import variables
+@import mixins
 
 form
   margin-bottom: 20px
@@ -20,6 +21,8 @@ input
     font-family: sans-serif
     margin-top: 10px
     +appearance
+    @include placeholder
+      color: color('lighter')
   &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus
     color: color('dark')
     border-color: rgba(82, 168, 236, 0.8)
@@ -63,11 +66,6 @@ select
 span.select2-container
   margin-top: 2px
 
-\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder
-  color: color('light')
-  opacity: 0.2
-  padding-top: 2px
-
 .form-actions
   padding-top: 20px
   clear: both
diff --git a/assets/sass/_mixins.sass b/assets/sass/_mixins.sass
index 66ed04f0..9b913a56 100644
--- a/assets/sass/_mixins.sass
+++ b/assets/sass/_mixins.sass
@@ -27,3 +27,13 @@
 
 @mixin grid_width($width)
   width: $width * 100%
+
+@mixin placeholder
+  &::-webkit-input-placeholder
+    @content
+  &:-moz-placeholder
+    @content
+  &::-moz-placeholder
+    @content
+  &:-ms-input-placeholder
+    @content
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
index 497904d6..bd41e291 100644
--- a/assets/sass/_variables.sass
+++ b/assets/sass/_variables.sass
@@ -2,7 +2,7 @@ $xs-device-width: 480px
 $sm-device-width: 768px
 $md-device-width: 1150px
 
-$colors: ('primary': #333, 'light': #999, 'dark': #000, 'medium': #555, 'error': #b94a48)
+$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48)
 $link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333)
 $background-colors: ('primary': #fbfbfb, 'light': #fcfcfc)
 
-- 
cgit v1.2.3