bootstrap-slider-rails 8.0.0 → 9.0.0

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.
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