chosen-rails 0.9.5.1 → 0.9.7

data/lib/chosen-rails/version.rb

@@ -1,6 +1,6 @@
 module Chosen
   module Rails
-    VERSION = "0.9.5.1"
-    EDITOR_VERSION = "0.9.5"
+    VERSION = "0.9.7"
+    EDITOR_VERSION = "0.9.7"
   end
 end

data/vendor/assets/javascripts/chosen.jquery.coffee

@@ -90,6 +90,8 @@ class Chosen extends AbstractChosen
     if @is_multiple
       @search_choices.click (evt) => this.choices_click(evt)
       @search_field.focus (evt) => this.input_focus(evt)
+    else
+      @container.click (evt) => evt.preventDefault() # gobble click of anchor
 
   search_field_disabled: ->
     @is_disabled = @form_field_jq[0].disabled

data/vendor/assets/javascripts/chosen.proto.coffee

@@ -83,6 +83,8 @@ class Chosen extends AbstractChosen
     if @is_multiple
       @search_choices.observe "click", (evt) => this.choices_click(evt)
       @search_field.observe "focus", (evt) => this.input_focus(evt)
+    else
+      @container.observe "click", (evt) => evt.preventDefault() # gobble click of anchor
 
   search_field_disabled: ->
     @is_disabled = @form_field.disabled

data/vendor/assets/javascripts/lib/abstract-chosen.coffee

@@ -91,6 +91,7 @@ class AbstractChosen
         this.result_select(evt) if this.results_showing
       when 27
         this.results_hide() if @results_showing
+        return true
       when 9, 38, 40, 16, 91, 17
         # don't do anything on these keys
       else this.results_search()

data/vendor/assets/stylesheets/chosen.css.sass

@@ -25,29 +25,32 @@
 
 .chzn-container-single
   .chzn-single
-    background-color: #fff
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white))
-    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%)
-    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%)
-    background-image: -o-linear-gradient(top, #eeeeee 0%, white 50%)
-    background-image: -ms-linear-gradient(top, #eeeeee 0%, white 50%)
+    background-color: #ffffff
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), color-stop(0.48, #eeeeee), color-stop(0.5, #f6f6f6), color-stop(0.8, white))
+    background-image: -webkit-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, white 80%)
+    background-image: -moz-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, white 80%)
+    background-image: -o-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, white 80%)
+    background-image: -ms-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, white 80%)
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 )
-    background-image: linear-gradient(top, #eeeeee 0%, white 50%)
-    -webkit-border-radius: 4px
-    -moz-border-radius: 4px
-    border-radius: 4px
+    background-image: linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, white 80%)
+    -webkit-border-radius: 5px
+    -moz-border-radius: 5px
+    border-radius: 5px
     -moz-background-clip: padding
     -webkit-background-clip: padding-box
     background-clip: padding-box
-    border: 1px solid #aaa
+    border: 1px solid #aaaaaa
+    -webkit-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1)
+    -moz-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1)
+    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1)
     display: block
     overflow: hidden
     white-space: nowrap
     position: relative
-    height: 26px
-    line-height: 26px
+    height: 23px
+    line-height: 24px
     padding: 0 0 0 8px
-    color: #444
+    color: #444444
     text-decoration: none
     span
       margin-right: 26px
@@ -61,7 +64,7 @@
       display: block
       position: absolute
       right: 26px
-      top: 8px
+      top: 6px
       width: 12px
       height: 13px
       font-size: 1px
@@ -69,21 +72,6 @@
       &:hover
         background-position: right -11px
     div
-      -webkit-border-radius: 0 4px 4px 0
-      -moz-border-radius: 0 4px 4px 0
-      border-radius: 0 4px 4px 0
-      -moz-background-clip: padding
-      -webkit-background-clip: padding-box
-      background-clip: padding-box
-      background: #ccc
-      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee))
-      background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
-      background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
-      background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%)
-      background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%)
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 )
-      background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%)
-      border-left: 1px solid #aaa
       position: absolute
       right: 0
       top: 0
@@ -91,7 +79,7 @@
       height: 100%
       width: 18px
       b
-        background: image-url('chosen-sprite.png') no-repeat 0 1px
+        background: image-url('chosen-sprite.png') no-repeat 0 0
         display: block
         width: 100%
         height: 100%
@@ -159,6 +147,9 @@
       color: #666
       background: transparent !important
       border: 0 !important
+      font-family: sans-serif
+      font-size: 100%
+      height: 15px
       padding: 5px
       margin: 1px 0
       outline: 0
@@ -176,17 +167,20 @@
     -webkit-background-clip: padding-box
     background-clip: padding-box
     background-color: #e4e4e4
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee))
-    background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%)
-    background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%)
-    background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%)
-    background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%)
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 )
-    background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%)
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.48, #e8e8e8), color-stop(0.5, #f0f0f0), color-stop(0.8, #f4f4f4))
+    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%)
+    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%)
+    background-image: -o-linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%)
+    background-image: -ms-linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4',GradientType=0 )
+    background-image: linear-gradient(top, #eeeeee 0%, #e8e8e8 48%, #f0f0f0 50%, #f4f4f4 80%)
+    -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
+    -moz-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
+    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
     color: #333
-    border: 1px solid #b4b4b4
+    border: 1px solid #aaaaaa
     line-height: 13px
-    padding: 3px 19px 3px 6px
+    padding: 3px 20px 3px 5px
     margin: 3px 0 3px 5px
     position: relative
     span
@@ -213,7 +207,7 @@
 
 .chzn-container .chzn-results
   margin: 0 4px 4px 0
-  max-height: 190px
+  max-height: 240px
   padding: 0 0 0 4px
   position: relative
   overflow-x: hidden
@@ -226,15 +220,22 @@
 .chzn-container .chzn-results
   li
     display: none
-    line-height: 80%
-    padding: 7px 7px 8px
+    line-height: 15px
+    padding: 5px 6px
     margin: 0
     list-style: none
   .active-result
     cursor: pointer
     display: list-item
   .highlighted
-    background: #3875d7
+    background-color: #3875d7
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #2a62bc), color-stop(0.8, #3875d7))
+    background-image: -webkit-linear-gradient(center bottom, #2a62bc 10%, #3875d7 80%)
+    background-image: -moz-linear-gradient(center bottom, #2a62bc 10%, #3875d7 80%)
+    background-image: -o-linear-gradient(bottom, #2a62bc 10%, #3875d7 80%)
+    background-image: -ms-linear-gradient(top, #2a62bc 10%, #3875d7 80%)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a62bc', endColorstr='#3875d7',GradientType=0 )
+    background-image: linear-gradient(top, #2a62bc 10%, #3875d7 80%)
     color: #fff
   li em
     background: #feffde
@@ -249,11 +250,32 @@
     color: #999
     font-weight: bold
   .group-option
-    padding-left: 20px
+    padding-left: 15px
 
 .chzn-container-multi .chzn-drop .result-selected
   display: none
 
+.chzn-container
+  .chzn-results-scroll
+    background: white
+    margin: 0px 4px
+    position: absolute
+    text-align: center
+    width: 321px
+    /* This should by dynamic with js
+    z-index: 1
+    span
+      display: inline-block
+      height: 17px
+      text-indent: -5000px
+      width: 9px
+  .chzn-results-scroll-down
+    bottom: 0
+    span
+      background: image-url('chosen-sprite.png') no-repeat -4px -3px
+  .chzn-results-scroll-up span
+    background: image-url('chosen-sprite.png') no-repeat -22px -3px
+
 /* @end
 
 /* @group Active
@@ -272,13 +294,13 @@
     -o-box-shadow: 0 1px 0 #fff inset
     box-shadow: 0 1px 0 #fff inset
     background-color: #eee
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee))
-    background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%)
-    background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%)
-    background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%)
-    background-image: -ms-linear-gradient(top, white 0%, #eeeeee 50%)
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, white), color-stop(0.8, #eeeeee))
+    background-image: -webkit-linear-gradient(center bottom, white 20%, #eeeeee 80%)
+    background-image: -moz-linear-gradient(center bottom, white 20%, #eeeeee 80%)
+    background-image: -o-linear-gradient(bottom, white 20%, #eeeeee 80%)
+    background-image: -ms-linear-gradient(top, white 20%, #eeeeee 80%)
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 )
-    background-image: linear-gradient(top, white 0%, #eeeeee 50%)
+    background-image: linear-gradient(top, white 20%, #eeeeee 80%)
     -webkit-border-bottom-left-radius: 0
     -webkit-border-bottom-right-radius: 0
     -moz-border-radius-bottomleft: 0
@@ -321,13 +343,8 @@
       margin-left: 26px
       margin-right: 0
     div
-      left: 0
+      left: 3px
       right: auto
-      border-left: none
-      border-right: 1px solid #aaaaaa
-      -webkit-border-radius: 4px 0 0 4px
-      -moz-border-radius: 4px 0 0 4px
-      border-radius: 4px 0 0 4px
     abbr
       left: 26px
       right: auto
@@ -335,10 +352,10 @@
     li
       float: right
     .search-choice
-      padding: 3px 6px 3px 19px
+      padding: 3px 5px 3px 19px
       margin: 3px 5px 3px 0
       .search-choice-close
-        left: 5px
+        left: 4px
         right: auto
         background-position: right top
   &.chzn-container-single .chzn-results

metadata

@@ -1,109 +1,80 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: chosen-rails
-version: !ruby/object:Gem::Version 
-  hash: 17
+version: !ruby/object:Gem::Version
+  version: 0.9.7
   prerelease: 
-  segments: 
-  - 0
-  - 9
-  - 5
-  - 1
-  version: 0.9.5.1
 platform: ruby
-authors: 
+authors:
 - Tse-Ching Ho
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-12-22 00:00:00 +08:00
+date: 2012-02-01 00:00:00.000000000 +08:00
 default_executable: 
-dependencies: 
-- !ruby/object:Gem::Dependency 
+dependencies:
+- !ruby/object:Gem::Dependency
   name: railties
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
+  requirement: &70252135659060 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 7
-        segments: 
-        - 3
-        - 0
-        version: "3.0"
+      - !ruby/object:Gem::Version
+        version: '3.0'
   type: :runtime
-  version_requirements: *id001
-- !ruby/object:Gem::Dependency 
-  name: thor
   prerelease: false
-  requirement: &id002 !ruby/object:Gem::Requirement 
+  version_requirements: *70252135659060
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: &70252135658280 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 23
-        segments: 
-        - 0
-        - 14
-        version: "0.14"
+      - !ruby/object:Gem::Version
+        version: '0.14'
   type: :runtime
-  version_requirements: *id002
-- !ruby/object:Gem::Dependency 
-  name: bundler
   prerelease: false
-  requirement: &id003 !ruby/object:Gem::Requirement 
+  version_requirements: *70252135658280
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: &70252135657780 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 15
-        segments: 
-        - 1
-        - 0
-        version: "1.0"
+      - !ruby/object:Gem::Version
+        version: '1.0'
   type: :development
-  version_requirements: *id003
-- !ruby/object:Gem::Dependency 
-  name: rails
   prerelease: false
-  requirement: &id004 !ruby/object:Gem::Requirement 
+  version_requirements: *70252135657780
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: &70252135657060 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 7
-        segments: 
-        - 3
-        - 0
-        version: "3.0"
+      - !ruby/object:Gem::Version
+        version: '3.0'
   type: :development
-  version_requirements: *id004
-- !ruby/object:Gem::Dependency 
-  name: sass
   prerelease: false
-  requirement: &id005 !ruby/object:Gem::Requirement 
+  version_requirements: *70252135657060
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: &70252135656580 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        hash: 5
-        segments: 
-        - 3
-        - 1
-        version: "3.1"
+      - !ruby/object:Gem::Version
+        version: '3.1'
   type: :development
-  version_requirements: *id005
-description: Chosen is a javascript library of select box enhancer for jQuery and Protoype. This gem integrates Chosen with Rails asset pipeline for easy of use.
-email: 
+  prerelease: false
+  version_requirements: *70252135656580
+description: Chosen is a javascript library of select box enhancer for jQuery and
+  Protoype. This gem integrates Chosen with Rails asset pipeline for easy of use.
+email:
 - tsechingho@gmail.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - .gitignore
 - Gemfile
 - LICENSE
@@ -126,36 +97,26 @@ files:
 has_rdoc: true
 homepage: https://github.com/tsechingho/chosen-rails
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
 rubygems_version: 1.6.2
 signing_key: 
 specification_version: 3
 summary: Integrate Chosen javascript library with Rails asset pipeline
 test_files: []
-