tether-rails 1.3.3 → 1.4.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.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/lib/tether-rails/version.rb +1 -1
  3. data/vendor/assets/javascripts/tether.js +37 -18
  4. data/vendor/assets/stylesheets/tether-theme-arrows-dark.css +32 -16
  5. data/vendor/assets/stylesheets/tether-theme-arrows.css +32 -16
  6. metadata +3 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ddb250f38f344b84e3d27862a8532aa42a87622e
4
- data.tar.gz: 2eb9af52801f54c97f1778abd413bc391987cf95
3
+ metadata.gz: 2d0f4d577c695c6a99c865a2496270187cbee130
4
+ data.tar.gz: 4c4e211919cc67ccf8ecbb7a1c6e24b0d6a7ba56
5
5
  SHA512:
6
- metadata.gz: 9a24b0ee1b645bdea205f23b4e571136afcdaf965c2992dd48f56bb4aca505463b847da382b1310838bf5e0c4163d8e2d0414cd920aa6022943628592d979f6f
7
- data.tar.gz: 17045483706d99cb68f7423940ca057d68f99d1ac922225bdf2ddae08bee30114fd6106f494c5a877ab190ac57286e433517ae115f500bc051e7fac4ea960ab9
6
+ metadata.gz: 6c3c563a8eb06f1255b43d4581168ba44b5df8a60002a2ff5fe843437a35fbfc2b7fbb143ef3c66bfc4dda369069a43c9667c6e62c0a25b761899a9ae6c23cee
7
+ data.tar.gz: bf138a2f33c239bc1a6fc3bffea493678dd6146a0bd02df1fc4accb05e7ec308fbf6bb679bc404f8ea708b4b4b18482316984e514858afe4ac59d579fba3e6db
data/lib/tether-rails/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module TetherRails
2
- VERSION = '1.3.3'
2
+ VERSION = '1.4.0'
3
3
  end
data/vendor/assets/javascripts/tether.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! tether 1.3.3 */
1
+ /*! tether 1.4.0 */
2
2
 
3
3
  (function(root, factory) {
4
4
  if (typeof define === 'function' && define.amd) {
@@ -108,7 +108,7 @@ var getOrigin = function getOrigin() {
108
108
  // are equivilant or not. We place an element at the top left of the page that will
109
109
  // get the same jitter, so we can cancel the two out.
110
110
  var node = zeroElement;
111
- if (!node) {
111
+ if (!node || !document.body.contains(node)) {
112
112
  node = document.createElement('div');
113
113
  node.setAttribute('data-tether-id', uniqueId());
114
114
  extend(node.style, {
@@ -179,7 +179,11 @@ function getOffsetParent(el) {
179
179
  return el.offsetParent || document.documentElement;
180
180
  }
181
181
 
182
+ var _scrollBarSize = null;
182
183
  function getScrollBarSize() {
184
+ if (_scrollBarSize) {
185
+ return _scrollBarSize;
186
+ }
183
187
  var inner = document.createElement('div');
184
188
  inner.style.width = '100%';
185
189
  inner.style.height = '200px';
@@ -212,7 +216,8 @@ function getScrollBarSize() {
212
216
 
213
217
  var width = widthContained - widthScroll;
214
218
 
215
- return { width: width, height: width };
219
+ _scrollBarSize = { width: width, height: width };
220
+ return _scrollBarSize;
216
221
  }
217
222
 
218
223
  function extend() {
@@ -1055,12 +1060,12 @@ var TetherClass = (function (_Evented) {
1055
1060
  var win = doc.defaultView;
1056
1061
 
1057
1062
  var scrollbarSize = undefined;
1058
- if (doc.body.scrollWidth > win.innerWidth) {
1063
+ if (win.innerHeight > doc.documentElement.clientHeight) {
1059
1064
  scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
1060
1065
  next.viewport.bottom -= scrollbarSize.height;
1061
1066
  }
1062
1067
 
1063
- if (doc.body.scrollHeight > win.innerHeight) {
1068
+ if (win.innerWidth > doc.documentElement.clientWidth) {
1064
1069
  scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
1065
1070
  next.viewport.right -= scrollbarSize.width;
1066
1071
  }
@@ -1181,7 +1186,16 @@ var TetherClass = (function (_Evented) {
1181
1186
  xPos = -_pos.right;
1182
1187
  }
1183
1188
 
1184
- css[transformKey] = 'translateX(' + Math.round(xPos) + 'px) translateY(' + Math.round(yPos) + 'px)';
1189
+ if (window.matchMedia) {
1190
+ // HubSpot/tether#207
1191
+ var retina = window.matchMedia('only screen and (min-resolution: 1.3dppx)').matches || window.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3)').matches;
1192
+ if (!retina) {
1193
+ xPos = Math.round(xPos);
1194
+ yPos = Math.round(yPos);
1195
+ }
1196
+ }
1197
+
1198
+ css[transformKey] = 'translateX(' + xPos + 'px) translateY(' + yPos + 'px)';
1185
1199
 
1186
1200
  if (transformKey !== 'msTransform') {
1187
1201
  // The Z transform will keep this in the GPU (faster, and prevents artifacts),
@@ -1233,20 +1247,24 @@ var TetherClass = (function (_Evented) {
1233
1247
  }
1234
1248
 
1235
1249
  if (!moved) {
1236
- var offsetParentIsBody = true;
1237
- var currentNode = this.element.parentNode;
1238
- while (currentNode && currentNode.nodeType === 1 && currentNode.tagName !== 'BODY') {
1239
- if (getComputedStyle(currentNode).position !== 'static') {
1240
- offsetParentIsBody = false;
1241
- break;
1242
- }
1250
+ if (this.options.bodyElement) {
1251
+ this.options.bodyElement.appendChild(this.element);
1252
+ } else {
1253
+ var offsetParentIsBody = true;
1254
+ var currentNode = this.element.parentNode;
1255
+ while (currentNode && currentNode.nodeType === 1 && currentNode.tagName !== 'BODY') {
1256
+ if (getComputedStyle(currentNode).position !== 'static') {
1257
+ offsetParentIsBody = false;
1258
+ break;
1259
+ }
1243
1260
 
1244
- currentNode = currentNode.parentNode;
1245
- }
1261
+ currentNode = currentNode.parentNode;
1262
+ }
1246
1263
 
1247
- if (!offsetParentIsBody) {
1248
- this.element.parentNode.removeChild(this.element);
1249
- this.element.ownerDocument.body.appendChild(this.element);
1264
+ if (!offsetParentIsBody) {
1265
+ this.element.parentNode.removeChild(this.element);
1266
+ this.element.ownerDocument.body.appendChild(this.element);
1267
+ }
1250
1268
  }
1251
1269
  }
1252
1270
 
@@ -1266,6 +1284,7 @@ var TetherClass = (function (_Evented) {
1266
1284
  if (write) {
1267
1285
  defer(function () {
1268
1286
  extend(_this8.element.style, writeCSS);
1287
+ _this8.trigger('repositioned');
1269
1288
  });
1270
1289
  }
1271
1290
  }
data/vendor/assets/stylesheets/tether-theme-arrows-dark.css CHANGED
@@ -34,28 +34,32 @@
34
34
  top: 100%;
35
35
  left: 50%;
36
36
  margin-left: -16px;
37
- border-top-color: #000; }
37
+ border-top-color: #000;
38
+ border-bottom: 0; }
38
39
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content {
39
40
  margin-top: 16px; }
40
41
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-center .tether-content:before {
41
42
  bottom: 100%;
42
43
  left: 50%;
43
44
  margin-left: -16px;
44
- border-bottom-color: #000; }
45
+ border-bottom-color: #000;
46
+ border-top: 0; }
45
47
  .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content {
46
48
  margin-right: 16px; }
47
49
  .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
48
50
  left: 100%;
49
51
  top: 50%;
50
52
  margin-top: -16px;
51
- border-left-color: #000; }
53
+ border-left-color: #000;
54
+ border-right: 0; }
52
55
  .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content {
53
56
  margin-left: 16px; }
54
57
  .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
55
58
  right: 100%;
56
59
  top: 50%;
57
60
  margin-top: -16px;
58
- border-right-color: #000; }
61
+ border-right-color: #000;
62
+ border-left: 0; }
59
63
  .tether-element.tether-theme-arrows-dark.tether-element-attached-left.tether-target-attached-center .tether-content {
60
64
  left: -32px; }
61
65
  .tether-element.tether-theme-arrows-dark.tether-element-attached-right.tether-target-attached-center .tether-content {
@@ -65,70 +69,82 @@
65
69
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
66
70
  bottom: 100%;
67
71
  left: 16px;
68
- border-bottom-color: #000; }
72
+ border-bottom-color: #000;
73
+ border-top: 0; }
69
74
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
70
75
  margin-top: 16px; }
71
76
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
72
77
  bottom: 100%;
73
78
  right: 16px;
74
- border-bottom-color: #000; }
79
+ border-bottom-color: #000;
80
+ border-top: 0; }
75
81
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
76
82
  margin-bottom: 16px; }
77
83
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
78
84
  top: 100%;
79
85
  left: 16px;
80
- border-top-color: #000; }
86
+ border-top-color: #000;
87
+ border-bottom: 0; }
81
88
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
82
89
  margin-bottom: 16px; }
83
90
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
84
91
  top: 100%;
85
92
  right: 16px;
86
- border-top-color: #000; }
93
+ border-top-color: #000;
94
+ border-bottom: 0; }
87
95
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
88
96
  margin-top: 16px; }
89
97
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
90
98
  bottom: 100%;
91
99
  left: 16px;
92
- border-bottom-color: #000; }
100
+ border-bottom-color: #000;
101
+ border-top: 0; }
93
102
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
94
103
  margin-top: 16px; }
95
104
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
96
105
  bottom: 100%;
97
106
  right: 16px;
98
- border-bottom-color: #000; }
107
+ border-bottom-color: #000;
108
+ border-top: 0; }
99
109
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
100
110
  margin-bottom: 16px; }
101
111
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
102
112
  top: 100%;
103
113
  left: 16px;
104
- border-top-color: #000; }
114
+ border-top-color: #000;
115
+ border-bottom: 0; }
105
116
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
106
117
  margin-bottom: 16px; }
107
118
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
108
119
  top: 100%;
109
120
  right: 16px;
110
- border-top-color: #000; }
121
+ border-top-color: #000;
122
+ border-bottom: 0; }
111
123
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
112
124
  margin-right: 16px; }
113
125
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
114
126
  top: 16px;
115
127
  left: 100%;
116
- border-left-color: #000; }
128
+ border-left-color: #000;
129
+ border-right: 0; }
117
130
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
118
131
  margin-left: 16px; }
119
132
  .tether-element.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
120
133
  top: 16px;
121
134
  right: 100%;
122
- border-right-color: #000; }
135
+ border-right-color: #000;
136
+ border-left: 0; }
123
137
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
124
138
  margin-right: 16px; }
125
139
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
126
140
  bottom: 16px;
127
141
  left: 100%;
128
- border-left-color: #000; }
142
+ border-left-color: #000;
143
+ border-right: 0; }
129
144
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
130
145
  margin-left: 16px; }
131
146
  .tether-element.tether-theme-arrows-dark.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
132
147
  bottom: 16px;
133
148
  right: 100%;
134
- border-right-color: #000; }
149
+ border-right-color: #000;
150
+ border-left: 0; }
data/vendor/assets/stylesheets/tether-theme-arrows.css CHANGED
@@ -38,28 +38,32 @@
38
38
  top: 100%;
39
39
  left: 50%;
40
40
  margin-left: -16px;
41
- border-top-color: #fff; }
41
+ border-top-color: #fff;
42
+ border-bottom: 0; }
42
43
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content {
43
44
  margin-top: 16px; }
44
45
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-center .tether-content:before {
45
46
  bottom: 100%;
46
47
  left: 50%;
47
48
  margin-left: -16px;
48
- border-bottom-color: #fff; }
49
+ border-bottom-color: #fff;
50
+ border-top: 0; }
49
51
  .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content {
50
52
  margin-right: 16px; }
51
53
  .tether-element.tether-theme-arrows.tether-element-attached-right.tether-element-attached-middle .tether-content:before {
52
54
  left: 100%;
53
55
  top: 50%;
54
56
  margin-top: -16px;
55
- border-left-color: #fff; }
57
+ border-left-color: #fff;
58
+ border-right: 0; }
56
59
  .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content {
57
60
  margin-left: 16px; }
58
61
  .tether-element.tether-theme-arrows.tether-element-attached-left.tether-element-attached-middle .tether-content:before {
59
62
  right: 100%;
60
63
  top: 50%;
61
64
  margin-top: -16px;
62
- border-right-color: #fff; }
65
+ border-right-color: #fff;
66
+ border-left: 0; }
63
67
  .tether-element.tether-theme-arrows.tether-element-attached-left.tether-target-attached-center .tether-content {
64
68
  left: -32px; }
65
69
  .tether-element.tether-theme-arrows.tether-element-attached-right.tether-target-attached-center .tether-content {
@@ -69,70 +73,82 @@
69
73
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
70
74
  bottom: 100%;
71
75
  left: 16px;
72
- border-bottom-color: #fff; }
76
+ border-bottom-color: #fff;
77
+ border-top: 0; }
73
78
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content {
74
79
  margin-top: 16px; }
75
80
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
76
81
  bottom: 100%;
77
82
  right: 16px;
78
- border-bottom-color: #fff; }
83
+ border-bottom-color: #fff;
84
+ border-top: 0; }
79
85
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content {
80
86
  margin-bottom: 16px; }
81
87
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-middle .tether-content:before {
82
88
  top: 100%;
83
89
  left: 16px;
84
- border-top-color: #fff; }
90
+ border-top-color: #fff;
91
+ border-bottom: 0; }
85
92
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content {
86
93
  margin-bottom: 16px; }
87
94
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-middle .tether-content:before {
88
95
  top: 100%;
89
96
  right: 16px;
90
- border-top-color: #fff; }
97
+ border-top-color: #fff;
98
+ border-bottom: 0; }
91
99
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content {
92
100
  margin-top: 16px; }
93
101
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-bottom .tether-content:before {
94
102
  bottom: 100%;
95
103
  left: 16px;
96
- border-bottom-color: #fff; }
104
+ border-bottom-color: #fff;
105
+ border-top: 0; }
97
106
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content {
98
107
  margin-top: 16px; }
99
108
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-bottom .tether-content:before {
100
109
  bottom: 100%;
101
110
  right: 16px;
102
- border-bottom-color: #fff; }
111
+ border-bottom-color: #fff;
112
+ border-top: 0; }
103
113
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content {
104
114
  margin-bottom: 16px; }
105
115
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-top .tether-content:before {
106
116
  top: 100%;
107
117
  left: 16px;
108
- border-top-color: #fff; }
118
+ border-top-color: #fff;
119
+ border-bottom: 0; }
109
120
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content {
110
121
  margin-bottom: 16px; }
111
122
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-top .tether-content:before {
112
123
  top: 100%;
113
124
  right: 16px;
114
- border-top-color: #fff; }
125
+ border-top-color: #fff;
126
+ border-bottom: 0; }
115
127
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content {
116
128
  margin-right: 16px; }
117
129
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-right.tether-target-attached-left .tether-content:before {
118
130
  top: 16px;
119
131
  left: 100%;
120
- border-left-color: #fff; }
132
+ border-left-color: #fff;
133
+ border-right: 0; }
121
134
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content {
122
135
  margin-left: 16px; }
123
136
  .tether-element.tether-theme-arrows.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
124
137
  top: 16px;
125
138
  right: 100%;
126
- border-right-color: #fff; }
139
+ border-right-color: #fff;
140
+ border-left: 0; }
127
141
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content {
128
142
  margin-right: 16px; }
129
143
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-left .tether-content:before {
130
144
  bottom: 16px;
131
145
  left: 100%;
132
- border-left-color: #fff; }
146
+ border-left-color: #fff;
147
+ border-right: 0; }
133
148
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content {
134
149
  margin-left: 16px; }
135
150
  .tether-element.tether-theme-arrows.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-right .tether-content:before {
136
151
  bottom: 16px;
137
152
  right: 100%;
138
- border-right-color: #fff; }
153
+ border-right-color: #fff;
154
+ border-left: 0; }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tether-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.3
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jake Gavin
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-07-25 00:00:00.000000000 Z
11
+ date: 2017-02-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -93,10 +93,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
93
93
  version: '0'
94
94
  requirements: []
95
95
  rubyforge_project:
96
- rubygems_version: 2.5.1
96
+ rubygems_version: 2.6.8
97
97
  signing_key:
98
98
  specification_version: 4
99
99
  summary: tether-rails wraps the Tether JavaScript library so that it can easily be
100
100
  included in Rails.
101
101
  test_files: []
102
- has_rdoc: