bootstrap-slider-rails 8.0.0 → 9.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 74e5a9ded5451d514dacd83cb793ffd55cedd14b
4
- data.tar.gz: e79c11eb3ea74e53882ce7a887e36a43dc0c375e
3
+ metadata.gz: 41e50cace2ba77f632d19a8d4fac23c484e5b9fd
4
+ data.tar.gz: 9be271e4f356dd89613b2b1a20c58934d6c9660f
5
5
  SHA512:
6
- metadata.gz: 5c2b498742d6ac7310f5363ccd61f6573a4b4378c5af82a790770d27fb7809d371a6214554b8dbe5ec91f6a34027ea9b1d8ca819d5e8c33b9001561fbb91c33b
7
- data.tar.gz: daaffa513f0a58919d6d5330b49bb3660f3bda26f97715bce29d0567762c8f21a5e71235a6aeef956efe6b6139443e5e470846f23b171970536f00fa2b19fc6f
6
+ metadata.gz: 35ebf38748fdb1fb882c2bd13ebf186e0ac2f8a0fc19425299e10db490e99674d129d1ba8b0914285f3959948e156968e74dfa512aad6e27fd6a5c85504d5755
7
+ data.tar.gz: 223e2dde6157761ff1850e63bdd320f0a32822741cf5023554032f22a60fa0b5f0d8a90d1aa92b36c55738b1fc9e635eb7414ea3528fd4bf8c3ca8e63e04c81e
@@ -1,5 +1,5 @@
1
1
  module BootstrapSlider
2
2
  module Rails
3
- VERSION = '8.0.0'
3
+ VERSION = '9.0.0'
4
4
  end
5
5
  end
@@ -1,5 +1,5 @@
1
1
  /*! =======================================================
2
- VERSION 8.0.0
2
+ VERSION 9.0.0
3
3
  ========================================================= */
4
4
  "use strict";
5
5
 
@@ -433,20 +433,19 @@ function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.const
433
433
  /* Create ticks */
434
434
  this.ticks = [];
435
435
  if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) {
436
+ this.ticksContainer = document.createElement('div');
437
+ this.ticksContainer.className = 'slider-tick-container';
438
+
436
439
  for (i = 0; i < this.options.ticks.length; i++) {
437
440
  var tick = document.createElement('div');
438
441
  tick.className = 'slider-tick';
439
-
440
442
  this.ticks.push(tick);
441
- sliderTrack.appendChild(tick);
443
+ this.ticksContainer.appendChild(tick);
442
444
  }
443
445
 
444
446
  sliderTrackSelection.className += " tick-slider-selection";
445
447
  }
446
448
 
447
- sliderTrack.appendChild(sliderMinHandle);
448
- sliderTrack.appendChild(sliderMaxHandle);
449
-
450
449
  this.tickLabels = [];
451
450
  if (Array.isArray(this.options.ticks_labels) && this.options.ticks_labels.length > 0) {
452
451
  this.tickLabelContainer = document.createElement('div');
@@ -500,6 +499,12 @@ function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.const
500
499
  if (this.tickLabelContainer) {
501
500
  this.sliderElem.appendChild(this.tickLabelContainer);
502
501
  }
502
+ if (this.ticksContainer) {
503
+ this.sliderElem.appendChild(this.ticksContainer);
504
+ }
505
+
506
+ this.sliderElem.appendChild(sliderMinHandle);
507
+ this.sliderElem.appendChild(sliderMaxHandle);
503
508
 
504
509
  /* Append slider element to parent container, right before the original <input> element */
505
510
  parent.insertBefore(this.sliderElem, this.element);
@@ -1,5 +1,5 @@
1
1
  /*! =======================================================
2
- VERSION 8.0.0
2
+ VERSION 9.0.0
3
3
  ========================================================= */
4
4
  /*! =========================================================
5
5
  * bootstrap-slider.js
@@ -52,16 +52,25 @@
52
52
  .slider.slider-horizontal .slider-tick,
53
53
  .slider.slider-horizontal .slider-handle {
54
54
  margin-left: -10px;
55
- margin-top: -5px;
56
55
  }
57
56
  .slider.slider-horizontal .slider-tick.triangle,
58
57
  .slider.slider-horizontal .slider-handle.triangle {
58
+ position: relative;
59
+ top: 50%;
60
+ transform: translateY(-50%);
59
61
  border-width: 0 10px 10px 10px;
60
62
  width: 0;
61
63
  height: 0;
62
64
  border-bottom-color: #0480be;
63
65
  margin-top: 0;
64
66
  }
67
+ .slider.slider-horizontal .slider-tick-container {
68
+ white-space: nowrap;
69
+ position: absolute;
70
+ top: 0;
71
+ left: 0;
72
+ width: 100%;
73
+ }
65
74
  .slider.slider-horizontal .slider-tick-label-container {
66
75
  white-space: nowrap;
67
76
  margin-top: 20px;
@@ -78,8 +87,7 @@
78
87
  .slider.slider-vertical .slider-track {
79
88
  width: 10px;
80
89
  height: 100%;
81
- margin-left: -5px;
82
- left: 50%;
90
+ left: 25%;
83
91
  top: 0;
84
92
  }
85
93
  .slider.slider-vertical .slider-selection {
@@ -96,7 +104,6 @@
96
104
  }
97
105
  .slider.slider-vertical .slider-tick,
98
106
  .slider.slider-vertical .slider-handle {
99
- margin-left: -5px;
100
107
  margin-top: -10px;
101
108
  }
102
109
  .slider.slider-vertical .slider-tick.triangle,
@@ -185,6 +192,7 @@
185
192
  }
186
193
  .slider-handle {
187
194
  position: absolute;
195
+ top: 0;
188
196
  width: 20px;
189
197
  height: 20px;
190
198
  background-color: #337ab7;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootstrap-slider-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 8.0.0
4
+ version: 9.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Pedr Browne