jquery-nouislider-rails 3.2.1 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +4 -8
- data/lib/jquery-nouislider-rails/version.rb +1 -1
- data/vendor/assets/javascripts/jquery.nouislider.js +761 -299
- data/vendor/assets/stylesheets/jquery.nouislider.css +111 -0
- metadata +5 -13
- data/vendor/assets/stylesheets/nouislider.fox.css +0 -94
- data/vendor/assets/stylesheets/nouislider.space.css +0 -112
@@ -0,0 +1,111 @@
|
|
1
|
+
|
2
|
+
/* General CSS resets;
|
3
|
+
* The target itself is not affected, allowing
|
4
|
+
* the remainder of the document to use an
|
5
|
+
* alternate box-sizing model;
|
6
|
+
* Support for box-sizing is wide spread:
|
7
|
+
* http://caniuse.com/#search=box-sizing
|
8
|
+
*/
|
9
|
+
.noUi-target * {
|
10
|
+
-webkit-box-sizing: border-box;
|
11
|
+
-moz-box-sizing: border-box;
|
12
|
+
box-sizing: border-box;
|
13
|
+
-webkit-touch-callout: none;
|
14
|
+
-ms-touch-action: none;
|
15
|
+
-webkit-user-select: none;
|
16
|
+
-moz-user-select: none;
|
17
|
+
-ms-user-select: none;
|
18
|
+
cursor: default;
|
19
|
+
}
|
20
|
+
|
21
|
+
/* Main slider bar;
|
22
|
+
*/
|
23
|
+
.noUi-base {
|
24
|
+
height: 40px;
|
25
|
+
width: 300px;
|
26
|
+
position: relative;
|
27
|
+
max-width: 100%;
|
28
|
+
border: 1px solid #bfbfbf;
|
29
|
+
z-index: 1;
|
30
|
+
}
|
31
|
+
|
32
|
+
/* Handles + active state;
|
33
|
+
*/
|
34
|
+
.noUi-handle {
|
35
|
+
background: #EEE;
|
36
|
+
height: 44px;
|
37
|
+
width: 44px;
|
38
|
+
border: 1px solid #BFBFBF;
|
39
|
+
margin: -3px 0 0 -23px;
|
40
|
+
}
|
41
|
+
.noUi-active {
|
42
|
+
background: #E9E9E9;
|
43
|
+
}
|
44
|
+
.noUi-active:after {
|
45
|
+
content: "";
|
46
|
+
display: block;
|
47
|
+
height: 100%;
|
48
|
+
border: 1px solid #DDD;
|
49
|
+
}
|
50
|
+
|
51
|
+
/* Styling-only classes;
|
52
|
+
* Structured to prevent double declarations
|
53
|
+
* for various states of the slider.
|
54
|
+
*/
|
55
|
+
.noUi-connect {
|
56
|
+
background: Teal;
|
57
|
+
}
|
58
|
+
.noUi-background {
|
59
|
+
background: #DDD;
|
60
|
+
}
|
61
|
+
|
62
|
+
/* Functional styles for handle positioning;
|
63
|
+
* Note that the origins have z-index 0, the base has
|
64
|
+
* z-index 1; This fixes a bug where borders become invisible.
|
65
|
+
*/
|
66
|
+
.noUi-origin {
|
67
|
+
position: absolute;
|
68
|
+
right: 0;
|
69
|
+
top: 0;
|
70
|
+
bottom: 0;
|
71
|
+
z-index: 0;
|
72
|
+
}
|
73
|
+
.noUi-origin-upper {
|
74
|
+
background: inherit !important;
|
75
|
+
}
|
76
|
+
.noUi-z-index {
|
77
|
+
z-index: 10;
|
78
|
+
}
|
79
|
+
|
80
|
+
/* Adaptations for the vertical slider;
|
81
|
+
*/
|
82
|
+
.noUi-vertical {
|
83
|
+
height: 300px;
|
84
|
+
width: 40px;
|
85
|
+
max-height: 100%;
|
86
|
+
}
|
87
|
+
.noUi-vertical .noUi-origin {
|
88
|
+
bottom: 0;
|
89
|
+
left: 0;
|
90
|
+
}
|
91
|
+
.noUi-vertical .noUi-handle {
|
92
|
+
margin: -23px 0 0 -3px;
|
93
|
+
}
|
94
|
+
|
95
|
+
/* Various alternate slider states;
|
96
|
+
* Support for transition is widely available,
|
97
|
+
* Only IE7, IE8 and IE9 will ignore these rules.
|
98
|
+
* Since this is merely a progressive enhancement,
|
99
|
+
* this is no problem at all.
|
100
|
+
* http://caniuse.com/#search=transition
|
101
|
+
*/
|
102
|
+
.noUi-target[disabled] .noUi-base {
|
103
|
+
background: #999;
|
104
|
+
}
|
105
|
+
.noUi-target[disabled] .noUi-connect {
|
106
|
+
background: #BBB;
|
107
|
+
}
|
108
|
+
.noUi-state-tap .noUi-origin {
|
109
|
+
-webkit-transition: left 0.3s, top 0.3s;
|
110
|
+
transition: left 0.3s, top 0.3s;
|
111
|
+
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jquery-nouislider-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 4.0.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -10,7 +10,7 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2013-09-
|
13
|
+
date: 2013-09-25 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: jquery-rails
|
@@ -45,8 +45,7 @@ files:
|
|
45
45
|
- lib/jquery-nouislider-rails.rb
|
46
46
|
- lib/jquery-nouislider-rails/version.rb
|
47
47
|
- vendor/assets/javascripts/jquery.nouislider.js
|
48
|
-
- vendor/assets/stylesheets/nouislider.
|
49
|
-
- vendor/assets/stylesheets/nouislider.space.css
|
48
|
+
- vendor/assets/stylesheets/jquery.nouislider.css
|
50
49
|
homepage: https://github.com/soycamo/jquery-nouislider-rails
|
51
50
|
licenses: []
|
52
51
|
post_install_message:
|
@@ -59,29 +58,22 @@ require_paths:
|
|
59
58
|
- vendor/assets/javascripts
|
60
59
|
- vendor/assets/javascripts/jquery.nouislider.js
|
61
60
|
- vendor/assets/stylesheets
|
62
|
-
- vendor/assets/stylesheets/nouislider.
|
63
|
-
- vendor/assets/stylesheets/nouislider.space.css
|
61
|
+
- vendor/assets/stylesheets/jquery.nouislider.css
|
64
62
|
required_ruby_version: !ruby/object:Gem::Requirement
|
65
63
|
none: false
|
66
64
|
requirements:
|
67
65
|
- - ! '>='
|
68
66
|
- !ruby/object:Gem::Version
|
69
67
|
version: '0'
|
70
|
-
segments:
|
71
|
-
- 0
|
72
|
-
hash: 2605859822601396172
|
73
68
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
74
69
|
none: false
|
75
70
|
requirements:
|
76
71
|
- - ! '>='
|
77
72
|
- !ruby/object:Gem::Version
|
78
73
|
version: '0'
|
79
|
-
segments:
|
80
|
-
- 0
|
81
|
-
hash: 2605859822601396172
|
82
74
|
requirements: []
|
83
75
|
rubyforge_project:
|
84
|
-
rubygems_version: 1.8.
|
76
|
+
rubygems_version: 1.8.23
|
85
77
|
signing_key:
|
86
78
|
specification_version: 3
|
87
79
|
summary: Gem for the noUiSlider, a jQuery range slider.
|
@@ -1,94 +0,0 @@
|
|
1
|
-
.noUiSlider,
|
2
|
-
.noUiSlider * {
|
3
|
-
-webkit-box-sizing: border-box;
|
4
|
-
-moz-box-sizing: border-box;
|
5
|
-
box-sizing: border-box;
|
6
|
-
-webkit-user-select: none;
|
7
|
-
-moz-user-select: none;
|
8
|
-
-ms-user-select: none;
|
9
|
-
display: block;
|
10
|
-
cursor: default;
|
11
|
-
}
|
12
|
-
.noUiSlider {
|
13
|
-
position: relative;
|
14
|
-
}
|
15
|
-
.noUiSlider a {
|
16
|
-
position: absolute;
|
17
|
-
z-index: 1;
|
18
|
-
}
|
19
|
-
.noUiSlider a:nth-child(2) {
|
20
|
-
background: inherit !important;
|
21
|
-
}
|
22
|
-
.noUiSlider.vertical a {
|
23
|
-
width: 100%;
|
24
|
-
bottom: 0;
|
25
|
-
}
|
26
|
-
.noUiSlider.horizontal a {
|
27
|
-
height: 100%;
|
28
|
-
right: 0;
|
29
|
-
}
|
30
|
-
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
31
|
-
.noUiSlider:before,
|
32
|
-
body.TOUCH,
|
33
|
-
.noUiSlider div {
|
34
|
-
-ms-touch-action: none;
|
35
|
-
}
|
36
|
-
.noUiSlider:before {
|
37
|
-
display: block;
|
38
|
-
position: absolute;
|
39
|
-
width: 150%;
|
40
|
-
left: -25%;
|
41
|
-
height: 400%;
|
42
|
-
top: -150%;
|
43
|
-
content: "";
|
44
|
-
z-index: -1;
|
45
|
-
}
|
46
|
-
.noUiSlider.vertical:before {
|
47
|
-
width: 400%;
|
48
|
-
left: -150%;
|
49
|
-
height: 150%;
|
50
|
-
top: -25%;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
.noUiSlider {
|
54
|
-
border: 1px solid #908d84;
|
55
|
-
border-radius: 3px;
|
56
|
-
}
|
57
|
-
.noUiSlider.connect a,
|
58
|
-
.noUiSlider.connect.lower {
|
59
|
-
background: #b2a98f;
|
60
|
-
}
|
61
|
-
.noUiSlider,
|
62
|
-
.noUiSlider.connect.lower a {
|
63
|
-
background: #d9d7cb;
|
64
|
-
box-shadow: inset 0px 1px 7px #b6b4a8
|
65
|
-
}
|
66
|
-
.noUiSlider.disabled,
|
67
|
-
.noUiSlider.disabled.connect.lower a {
|
68
|
-
background: #ccc;
|
69
|
-
box-shadow: none;
|
70
|
-
}
|
71
|
-
.noUiSlider div {
|
72
|
-
height: 18px;
|
73
|
-
width: 18px;
|
74
|
-
border: 1px solid #99968f;
|
75
|
-
border-radius: 3px;
|
76
|
-
background: #efefe7;
|
77
|
-
}
|
78
|
-
.noUiSlider.disabled div {
|
79
|
-
background: transparent;
|
80
|
-
}
|
81
|
-
.noUiSlider.horizontal {
|
82
|
-
width: 300px;
|
83
|
-
height: 10px;
|
84
|
-
}
|
85
|
-
.noUiSlider.horizontal div {
|
86
|
-
margin: -5px 0 0 -9px;
|
87
|
-
}
|
88
|
-
.noUiSlider.vertical {
|
89
|
-
width: 10px;
|
90
|
-
height: 300px;
|
91
|
-
}
|
92
|
-
.noUiSlider.vertical div {
|
93
|
-
margin: -9px 0 0 -5px;
|
94
|
-
}
|
@@ -1,112 +0,0 @@
|
|
1
|
-
.noUiSlider,
|
2
|
-
.noUiSlider * {
|
3
|
-
-webkit-box-sizing: border-box;
|
4
|
-
-moz-box-sizing: border-box;
|
5
|
-
box-sizing: border-box;
|
6
|
-
-webkit-user-select: none;
|
7
|
-
-moz-user-select: none;
|
8
|
-
-ms-user-select: none;
|
9
|
-
display: block;
|
10
|
-
cursor: default;
|
11
|
-
}
|
12
|
-
.noUiSlider {
|
13
|
-
position: relative;
|
14
|
-
}
|
15
|
-
.noUiSlider a {
|
16
|
-
position: absolute;
|
17
|
-
z-index: 1;
|
18
|
-
}
|
19
|
-
.noUiSlider a:nth-child(2) {
|
20
|
-
background: inherit !important;
|
21
|
-
}
|
22
|
-
.noUiSlider.vertical a {
|
23
|
-
width: 100%;
|
24
|
-
bottom: 0;
|
25
|
-
}
|
26
|
-
.noUiSlider.horizontal a {
|
27
|
-
height: 100%;
|
28
|
-
right: 0;
|
29
|
-
}
|
30
|
-
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
31
|
-
.noUiSlider:before,
|
32
|
-
body.TOUCH,
|
33
|
-
.noUiSlider div {
|
34
|
-
-ms-touch-action: none;
|
35
|
-
}
|
36
|
-
.noUiSlider:before {
|
37
|
-
display: block;
|
38
|
-
position: absolute;
|
39
|
-
width: 150%;
|
40
|
-
left: -25%;
|
41
|
-
height: 400%;
|
42
|
-
top: -150%;
|
43
|
-
content: "";
|
44
|
-
z-index: -1;
|
45
|
-
}
|
46
|
-
.noUiSlider.vertical:before {
|
47
|
-
width: 400%;
|
48
|
-
left: -150%;
|
49
|
-
height: 150%;
|
50
|
-
top: -25%;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
.noUiSlider {
|
54
|
-
background: #000;
|
55
|
-
border: 0 solid #000;
|
56
|
-
}
|
57
|
-
.noUiSlider.disabled div:before,
|
58
|
-
.noUiSlider.disabled {
|
59
|
-
background: #ccc;
|
60
|
-
border-color: #ccc;
|
61
|
-
}
|
62
|
-
.noUiSlider.horizontal {
|
63
|
-
border-width: 0 12px;
|
64
|
-
}
|
65
|
-
.noUiSlider.vertical {
|
66
|
-
border-width: 12px 0;
|
67
|
-
}
|
68
|
-
.noUiSlider div {
|
69
|
-
height: 44px;
|
70
|
-
width: 44px;
|
71
|
-
position: relative;
|
72
|
-
}
|
73
|
-
.noUiSlider div:before {
|
74
|
-
position: absolute;
|
75
|
-
background: #000;
|
76
|
-
content: "";
|
77
|
-
}
|
78
|
-
.noUiSlider.horizontal div:before {
|
79
|
-
left: 10px;
|
80
|
-
height: 4px;
|
81
|
-
width: 24px;
|
82
|
-
}
|
83
|
-
.noUiSlider.vertical div:before {
|
84
|
-
top: 10px;
|
85
|
-
width: 4px;
|
86
|
-
height: 24px;
|
87
|
-
}
|
88
|
-
.noUiSlider:not(.disabled) div.active:after,
|
89
|
-
.noUiSlider:not(.disabled) div:hover:after {
|
90
|
-
height: 30px;
|
91
|
-
width: 30px;
|
92
|
-
border: 1px solid #333;
|
93
|
-
position: absolute;
|
94
|
-
top: 6px;
|
95
|
-
left: 6px;
|
96
|
-
content: "";
|
97
|
-
border-radius: 30px;
|
98
|
-
}
|
99
|
-
.noUiSlider.horizontal {
|
100
|
-
width: 300px;
|
101
|
-
height: 1px;
|
102
|
-
}
|
103
|
-
.noUiSlider.horizontal div {
|
104
|
-
margin: 1px 0 0 -22px;
|
105
|
-
}
|
106
|
-
.noUiSlider.vertical {
|
107
|
-
width: 1px;
|
108
|
-
height: 300px;
|
109
|
-
}
|
110
|
-
.noUiSlider.vertical div {
|
111
|
-
margin: -22px 0 0 1px;
|
112
|
-
}
|