From 834378f99621aea45a6708d95e8ac007b09f452c Mon Sep 17 00:00:00 2001
From: Kris Aubuchon <shout@k-ris.com>
Date: Sat, 7 Feb 2015 23:16:46 -0500
Subject: [PATCH] updating the composer category selector style

---
 .../stylesheets/common/base/combobox.scss     | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/combobox.scss b/app/assets/stylesheets/common/base/combobox.scss
index 4f0b6d1dc23..2aaf0fa7e1f 100644
--- a/app/assets/stylesheets/common/base/combobox.scss
+++ b/app/assets/stylesheets/common/base/combobox.scss
@@ -1,4 +1,5 @@
 .category-combobox, .select2-drop {
+
   .badge-category {
     display: inline-block;
   }
@@ -11,10 +12,48 @@
     color: $primary;
   }
   .category-desc {
-    /* leave this color as non-variable -- it is displayed on a white background in a dropdown */
-    color: #333;
+    color: $primary;
     margin: 6px 0 0 3px;
     font-size: 0.857em;
     line-height: 16px;
   }
 }
+
+.select2-drop {
+  background: $secondary;
+}
+
+.select2-search input {
+  background: url(/assets/select2.png) no-repeat 100% -22px, $secondary 0 0
+}
+
+.select2-container {
+  border-radius: 3px;
+}
+
+.select2-container a.select2-choice {
+  background: $secondary;
+  border-radius: 3px;
+  border-color: $secondary;
+  color: $primary;
+}
+
+.select2-dropdown-open a.select2-choice {
+  box-shadow: none;
+  border-radius: 3px 3px 0 0;
+  border-color: $tertiary;
+}
+
+.select2-drop-active {
+  border: 1px solid $tertiary;
+  border-top: 0;
+}
+
+.select2-container-active {
+  box-shadow:  $tertiary 0px 0px 6px 0px;
+}
+
+.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
+  background: $secondary;
+  color: $primary;
+}