Replace Chosen jQuery plugin by custom UI component

2016-12-11 15:46:54 -05:00
parent a2b44371e0
commit ffb3926178
21 changed files with 385 additions and 1795 deletions
--- a/assets/sass/_select_dropdown.sass
+++ b/assets/sass/_select_dropdown.sass
@@ -0,0 +1,45 @@
+@import variables
+
+#select-dropdown-menu
+  position: absolute
+  display: block
+  z-index: 1000
+  min-width: 160px
+  padding: 5px 0
+  background: #fff
+  list-style: none
+  border: 1px solid #ccc
+  border-radius: 3px
+  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
+
+.select-dropdown-menu-item
+  white-space: nowrap
+  overflow: hidden
+  padding: 3px 10px
+  color: color('medium')
+  cursor: pointer
+  border-bottom: 1px solid #f8f8f8
+  line-height: 1.5em
+  font-weight: 400
+  &.active
+    color: #fff
+    background: #428bca
+  &:last-child
+    border: none
+
+.select-dropdown-input-container
+  position: relative
+  border: 1px solid #ccc
+  border-radius: 5px
+  input.select-dropdown-input
+    margin: 0 0 0 5px
+    border: none
+    &:focus
+      border: none
+      box-shadow: none
+  .select-dropdown-chevron
+    color: color('medium')
+    position: absolute
+    top: 4px
+    right: 5px
+    cursor: pointer