Add Spectrum as input[type=color] polyfill.
Guilherme J. Tramontina
4 changed files with 21 additions and 1 deletions
+ 2
- 1
Gemfile
@@ -56,6 +56,8 @@ gem 'uglifier', '>= 1.3.0' |
||
| 56 | 56 |
gem 'select2-rails', '~> 3.5.4' |
| 57 | 57 |
gem 'jquery-rails', '~> 3.1.0' |
| 58 | 58 |
gem 'ace-rails-ap', '~> 2.0.1' |
| 59 |
+gem 'spectrum-rails' |
|
| 60 |
+ |
|
| 59 | 61 |
|
| 60 | 62 |
# geokit-rails doesn't work with geokit 1.8.X but it specifies ~> 1.5 |
| 61 | 63 |
# in its own Gemfile. |
@@ -123,4 +125,3 @@ else |
||
| 123 | 125 |
gem 'unicorn', platform: :ruby_18 |
| 124 | 126 |
gem 'rails_12factor', platform: :ruby_18 |
| 125 | 127 |
end |
| 126 |
- |
+ 3
- 0
Gemfile.lock
@@ -290,6 +290,8 @@ GEM |
||
| 290 | 290 |
simplecov-html (0.8.0) |
| 291 | 291 |
slack-notifier (0.5.0) |
| 292 | 292 |
slop (3.5.0) |
| 293 |
+ spectrum-rails (1.3.4) |
|
| 294 |
+ railties (>= 3.1) |
|
| 293 | 295 |
sprockets (2.11.0) |
| 294 | 296 |
hike (~> 1.2) |
| 295 | 297 |
multi_json (~> 1.0) |
@@ -415,6 +417,7 @@ DEPENDENCIES |
||
| 415 | 417 |
select2-rails (~> 3.5.4) |
| 416 | 418 |
shoulda-matchers |
| 417 | 419 |
slack-notifier (~> 0.5.0) |
| 420 |
+ spectrum-rails |
|
| 418 | 421 |
therubyracer (~> 0.12.1) |
| 419 | 422 |
twilio-ruby (~> 3.11.5) |
| 420 | 423 |
twitter (~> 5.8.0) |
+ 1
- 0
app/assets/javascripts/application.js.coffee.erb
@@ -6,6 +6,7 @@ |
||
| 6 | 6 |
#= require json2 |
| 7 | 7 |
#= require jquery.json-editor |
| 8 | 8 |
#= require latlon_and_geo |
| 9 |
+#= require spectrum |
|
| 9 | 10 |
#= require ./worker-checker |
| 10 | 11 |
#= require_self |
| 11 | 12 |
|
+ 15
- 0
app/assets/stylesheets/application.css.scss.erb
@@ -12,6 +12,7 @@ |
||
| 12 | 12 |
*= require select2-bootstrap |
| 13 | 13 |
*= require jquery.json-editor |
| 14 | 14 |
*= require rickshaw |
| 15 |
+ *= require spectrum |
|
| 15 | 16 |
*= require_tree . |
| 16 | 17 |
*= require_self |
| 17 | 18 |
*/ |
@@ -186,3 +187,17 @@ h2 .scenario, a span.label.scenario {
|
||
| 186 | 187 |
.color-success {
|
| 187 | 188 |
color: #5cb85c; |
| 188 | 189 |
} |
| 190 |
+ |
|
| 191 |
+.form-group {
|
|
| 192 |
+ .sp-replacer {
|
|
| 193 |
+ @extend .form-control; |
|
| 194 |
+ } |
|
| 195 |
+ |
|
| 196 |
+ .sp-preview {
|
|
| 197 |
+ width: 100%; |
|
| 198 |
+ } |
|
| 199 |
+ |
|
| 200 |
+ .sp-dd {
|
|
| 201 |
+ display: none; |
|
| 202 |
+ } |
|
| 203 |
+} |