From 07929be817fdc61432818c8ed3272748ca064325 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Fri, 20 Oct 2017 13:49:09 -0700
Subject: [PATCH] [FIX] restore legacy combobox to ensure compatibility

TODO: Remove once all select2 instances are replaced.
---
 .../select-box-kit/legacy-combo-box.scss      | 89 +++++++++++++++++++
 1 file changed, 89 insertions(+)
 create mode 100644 app/assets/stylesheets/common/select-box-kit/legacy-combo-box.scss

diff --git a/app/assets/stylesheets/common/select-box-kit/legacy-combo-box.scss b/app/assets/stylesheets/common/select-box-kit/legacy-combo-box.scss
new file mode 100644
index 00000000000..842ae004847
--- /dev/null
+++ b/app/assets/stylesheets/common/select-box-kit/legacy-combo-box.scss
@@ -0,0 +1,89 @@
+// DO NOT MODIFY
+// TODO: remove when all select2 instances are gone
+.select2-results .select2-highlighted {
+    background: $highlight-medium;
+    color: $primary;
+}
+
+.select2-drop {
+  .badge-category {
+    display: inline-block;
+  }
+  .topic-count {
+    font-size: 11px;
+    color: $primary;
+    display: inline-block;
+  }
+  .highlighted .topic-count, .select2-highlighted .category-desc {
+    color: $primary;
+  }
+  .category-desc {
+    color: $primary;
+    font-size: 0.857em;
+    line-height: 16px;
+  }
+}
+
+.select2-drop {
+  background: $secondary;
+  .d-icon {
+    color: dark-light-choose($primary-medium, $secondary-medium);
+  }
+}
+
+.select2-search input {
+  background: image-url("select2.png") no-repeat 100% -22px, $secondary 0 0
+}
+
+.select2-container {
+  border-radius: 3px;
+  border: 1px solid $primary-low;
+  min-width: 200px;
+
+  &.select2-dropdown-open {
+    border: 0;
+    margin-bottom: 2px;
+  }
+  &.select2-container-active {
+    border-color: $tertiary;
+  }
+  &.select2-container-disabled .select2-chosen {
+    color: blend-primary-secondary(50%);
+  }
+}
+
+.select2-container-multi .select2-choices {
+  background-color: $secondary;
+}
+.select2-container-multi .select2-choices .select2-search-field input.select2-active {
+  background: $secondary image-url("select2-spinner.gif") no-repeat 100% !important;
+}
+
+.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 {
+  color: $primary;
+}
+.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;
+}