twitter_ratchet_rails 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/twitter_ratchet_rails/modals.js +41 -0
  3. data/app/assets/javascripts/twitter_ratchet_rails/popovers.js +87 -0
  4. data/app/assets/javascripts/twitter_ratchet_rails/push.js +483 -0
  5. data/app/assets/javascripts/twitter_ratchet_rails/ratchet.js +82 -54
  6. data/app/assets/javascripts/twitter_ratchet_rails/segmented-controllers.js +65 -0
  7. data/app/assets/javascripts/twitter_ratchet_rails/sliders.js +136 -0
  8. data/app/assets/javascripts/twitter_ratchet_rails/toggles.js +118 -0
  9. data/app/assets/stylesheets/twitter_ratchet_rails/ratchet-theme-android.css +113 -79
  10. data/app/assets/stylesheets/twitter_ratchet_rails/ratchet-theme-ios.css +90 -90
  11. data/app/assets/stylesheets/twitter_ratchet_rails/ratchet.css.erb +171 -166
  12. data/lib/twitter_ratchet_rails/version.rb +1 -1
  13. data/test/dummy/app/assets/javascripts/application.js +1 -0
  14. data/test/dummy/app/assets/javascripts/users.js +2 -0
  15. data/test/dummy/app/assets/stylesheets/application.css +1 -0
  16. data/test/dummy/app/assets/stylesheets/scaffold.css +56 -0
  17. data/test/dummy/app/assets/stylesheets/users.css +4 -0
  18. data/test/dummy/app/controllers/users_controller.rb +58 -0
  19. data/test/dummy/app/helpers/users_helper.rb +2 -0
  20. data/test/dummy/app/models/user.rb +2 -0
  21. data/test/dummy/app/views/layouts/application.html.erb +26 -9
  22. data/test/dummy/app/views/users/_form.html.erb +25 -0
  23. data/test/dummy/app/views/users/edit.html.erb +6 -0
  24. data/test/dummy/app/views/users/index.html.erb +51 -0
  25. data/test/dummy/app/views/users/new.html.erb +5 -0
  26. data/test/dummy/app/views/users/show.html.erb +14 -0
  27. data/test/dummy/config/routes.rb +4 -0
  28. data/test/dummy/db/development.sqlite3 +0 -0
  29. data/test/dummy/db/migrate/20140620120642_create_users.rb +10 -0
  30. data/test/dummy/db/schema.rb +23 -0
  31. data/test/dummy/log/development.log +834 -0
  32. data/test/dummy/test/controllers/users_controller_test.rb +49 -0
  33. data/test/dummy/test/fixtures/users.yml +9 -0
  34. data/test/dummy/test/helpers/users_helper_test.rb +4 -0
  35. data/test/{integration/navigation_test.rb → dummy/test/models/user_test.rb} +1 -4
  36. data/test/dummy/tmp/cache/assets/development/sprockets/02365dc2cb50c9b2a206bf87d9181ef9 +0 -0
  37. data/test/dummy/tmp/cache/assets/development/sprockets/05c4a034c993964dc3064d1e840449fd +0 -0
  38. data/test/dummy/tmp/cache/assets/development/sprockets/0800f54ee19cf3cee10b956fa9786799 +0 -0
  39. data/test/dummy/tmp/cache/assets/development/sprockets/0e66254a0ff45c104998339ae7c607c5 +0 -0
  40. data/test/dummy/tmp/cache/assets/development/sprockets/0e804c20d0e8d07c2477ce1c0f102adf +0 -0
  41. data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
  42. data/test/dummy/tmp/cache/assets/development/sprockets/163a4561a07fbc33d8a229302099d8dd +0 -0
  43. data/test/dummy/tmp/cache/assets/development/sprockets/2bd9a33c28022e3c885044a69be41a10 +0 -0
  44. data/test/dummy/tmp/cache/assets/development/sprockets/2d3d6a06270e38c5b1ff9b578aa35990 +0 -0
  45. data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
  46. data/test/dummy/tmp/cache/assets/development/sprockets/30e315773d1e399a47375b9e13041ed0 +0 -0
  47. data/test/dummy/tmp/cache/assets/development/sprockets/32593d4dfd09e0a66f70fe8095bb1014 +0 -0
  48. data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
  49. data/test/dummy/tmp/cache/assets/development/sprockets/35fa941d49cfabf40906d7ac81e502b5 +0 -0
  50. data/test/dummy/tmp/cache/assets/development/sprockets/371bf96e99717688ed7313a0c53f4212 +0 -0
  51. data/test/dummy/tmp/cache/assets/development/sprockets/3a18489ba6c9aaef36fe82a5eccaa683 +0 -0
  52. data/test/dummy/tmp/cache/assets/development/sprockets/3b2f71b1e0ed4912133e1322edeebeb4 +0 -0
  53. data/test/dummy/tmp/cache/assets/development/sprockets/3cff68a61696f3df6cc0150dfe5f0a7a +0 -0
  54. data/test/dummy/tmp/cache/assets/development/sprockets/4050a4e5062ab95c9f32e9b6940821ea +0 -0
  55. data/test/dummy/tmp/cache/assets/development/sprockets/510da110ae528e2d22533be39ff696c5 +0 -0
  56. data/test/dummy/tmp/cache/assets/development/sprockets/5159109e8d44f828ad6e8c67292647ee +0 -0
  57. data/test/dummy/tmp/cache/assets/development/sprockets/56a757e904e5be9c01961ca2d84bf6dd +0 -0
  58. data/test/dummy/tmp/cache/assets/development/sprockets/5f1a0d05e77ca8b9a1fc2a47e17a8174 +0 -0
  59. data/test/dummy/tmp/cache/assets/development/sprockets/6ecbd847a59c3a487acbaf3a341a116e +0 -0
  60. data/test/dummy/tmp/cache/assets/development/sprockets/6fc757c2c8329244ca95d6909865bbc2 +0 -0
  61. data/test/dummy/tmp/cache/assets/development/sprockets/7c5d2dcee0e90462ec7314c630051fc2 +0 -0
  62. data/test/dummy/tmp/cache/assets/development/sprockets/87b209c0c9da28094a8d5581a21262c6 +0 -0
  63. data/test/dummy/tmp/cache/assets/development/sprockets/90cccb07f2fc8407c9356103eb53c419 +0 -0
  64. data/test/dummy/tmp/cache/assets/development/sprockets/c71d61ab8105e8c42bf9dc173a72671d +0 -0
  65. data/test/dummy/tmp/cache/assets/development/sprockets/cebc6db0bbb8120f430da3970b173d2f +0 -0
  66. data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
  67. data/test/dummy/tmp/cache/assets/development/sprockets/d247d1ed3987a4834f22fb867bdca6bc +0 -0
  68. data/test/dummy/tmp/cache/assets/development/sprockets/d47632ab6c54bae0f6a62e211aca4938 +0 -0
  69. data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
  70. data/test/dummy/tmp/cache/assets/development/sprockets/dd1bfc325578c5b436921f471d625afa +0 -0
  71. data/test/dummy/tmp/cache/assets/development/sprockets/f333e4623731332ab806c650e07ef890 +0 -0
  72. data/test/dummy/tmp/cache/assets/development/sprockets/f4a9eb5609520a5f6dbad5dbdbeb37ca +0 -0
  73. data/test/dummy/tmp/cache/assets/development/sprockets/f56253b5f374fff1a33fbbc9881c9124 +0 -0
  74. data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
  75. data/test/dummy/tmp/pids/server.pid +1 -0
  76. metadata +130 -14
  77. data/app/helpers/twitter_ratchet_rails/application_helper.rb +0 -4
  78. data/app/views/layouts/twitter_ratchet_rails/application.html.erb +0 -14
  79. data/test/test_helper.rb +0 -15
  80. data/test/twitter_ratchet_rails_test.rb +0 -7
data/app/assets/javascripts/twitter_ratchet_rails/toggles.js ADDED
@@ -0,0 +1,118 @@
1
+ /* ========================================================================
2
+ * Ratchet: toggles.js v2.0.2
3
+ * http://goratchet.com/components#toggles
4
+ * ========================================================================
5
+ Adapted from Brad Birdsall's swipe
6
+ * Copyright 2014 Connor Sears
7
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
8
+ * ======================================================================== */
9
+
10
+ !(function () {
11
+ 'use strict';
12
+
13
+ var start = {};
14
+ var touchMove = false;
15
+ var distanceX = false;
16
+ var toggle = false;
17
+
18
+ var findToggle = function (target) {
19
+ var i;
20
+ var toggles = document.querySelectorAll('.toggle');
21
+
22
+ for (; target && target !== document; target = target.parentNode) {
23
+ for (i = toggles.length; i--;) {
24
+ if (toggles[i] === target) {
25
+ return target;
26
+ }
27
+ }
28
+ }
29
+ };
30
+
31
+ window.addEventListener('touchstart', function (e) {
32
+ e = e.originalEvent || e;
33
+
34
+ toggle = findToggle(e.target);
35
+
36
+ if (!toggle) {
37
+ return;
38
+ }
39
+
40
+ var handle = toggle.querySelector('.toggle-handle');
41
+ var toggleWidth = toggle.clientWidth;
42
+ var handleWidth = handle.clientWidth;
43
+ var offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0;
44
+
45
+ start = { pageX : e.touches[0].pageX - offset, pageY : e.touches[0].pageY };
46
+ touchMove = false;
47
+ });
48
+
49
+ window.addEventListener('touchmove', function (e) {
50
+ e = e.originalEvent || e;
51
+
52
+ if (e.touches.length > 1) {
53
+ return; // Exit if a pinch
54
+ }
55
+
56
+ if (!toggle) {
57
+ return;
58
+ }
59
+
60
+ var handle = toggle.querySelector('.toggle-handle');
61
+ var current = e.touches[0];
62
+ var toggleWidth = toggle.clientWidth;
63
+ var handleWidth = handle.clientWidth;
64
+ var offset = toggleWidth - handleWidth;
65
+
66
+ touchMove = true;
67
+ distanceX = current.pageX - start.pageX;
68
+
69
+ if (Math.abs(distanceX) < Math.abs(current.pageY - start.pageY)) {
70
+ return;
71
+ }
72
+
73
+ e.preventDefault();
74
+
75
+ if (distanceX < 0) {
76
+ return (handle.style.webkitTransform = 'translate3d(0,0,0)');
77
+ }
78
+ if (distanceX > offset) {
79
+ return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)');
80
+ }
81
+
82
+ handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)';
83
+
84
+ toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active');
85
+ });
86
+
87
+ window.addEventListener('touchend', function (e) {
88
+ if (!toggle) {
89
+ return;
90
+ }
91
+
92
+ var handle = toggle.querySelector('.toggle-handle');
93
+ var toggleWidth = toggle.clientWidth;
94
+ var handleWidth = handle.clientWidth;
95
+ var offset = (toggleWidth - handleWidth);
96
+ var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
97
+
98
+ if (slideOn) {
99
+ handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)';
100
+ } else {
101
+ handle.style.webkitTransform = 'translate3d(0,0,0)';
102
+ }
103
+
104
+ toggle.classList[slideOn ? 'add' : 'remove']('active');
105
+
106
+ e = new CustomEvent('toggle', {
107
+ detail: { isActive: slideOn },
108
+ bubbles: true,
109
+ cancelable: true
110
+ });
111
+
112
+ toggle.dispatchEvent(e);
113
+
114
+ touchMove = false;
115
+ toggle = false;
116
+ });
117
+
118
+ }());
data/app/assets/stylesheets/twitter_ratchet_rails/ratchet-theme-android.css CHANGED
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * =====================================================
3
- * Ratchet v2.0.1 (http://goratchet.com)
3
+ * Ratchet v2.0.2 (http://goratchet.com)
4
4
  * Copyright 2014 Connor Sears
5
- * Licensed under MIT.
5
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
6
6
  *
7
- * v2.0.1 designed by @connors.
7
+ * v2.0.2 designed by @connors.
8
8
  * =====================================================
9
9
  */
10
10
 
@@ -12,7 +12,7 @@ body {
12
12
  font-family: "Roboto", sans-serif;
13
13
  font-size: 18px;
14
14
  line-height: 22px;
15
- color: #222222;
15
+ color: #222;
16
16
  }
17
17
 
18
18
  a {
@@ -50,94 +50,94 @@ a:active {
50
50
  .btn {
51
51
  padding: 8px 15px;
52
52
  font-size: 14px;
53
- color: #222222;
53
+ color: #222;
54
54
  background-color: #cecece;
55
55
  border: 0;
56
56
  border-radius: 2px;
57
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25);
58
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25);
57
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
58
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
59
59
  }
60
60
  .btn:active, .btn.active {
61
- color: #222222;
61
+ color: #222;
62
+ background-color: #999;
62
63
  border: 0;
63
- background-color: #999999;
64
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
65
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
64
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
65
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
66
66
  }
67
67
 
68
68
  .btn-primary {
69
69
  color: #fff;
70
- border: 0;
71
70
  background-color: #33b5e5;
71
+ border: 0;
72
72
  }
73
73
  .btn-primary:active, .btn-primary.active {
74
74
  color: #fff;
75
- border: 0;
76
75
  background-color: #1a9bcb;
76
+ border: 0;
77
77
  }
78
78
 
79
79
  .btn-positive {
80
80
  color: #fff;
81
+ background-color: #9c0;
81
82
  border: 0;
82
- background-color: #99cc00;
83
83
  }
84
84
  .btn-positive:active, .btn-positive.active {
85
85
  color: #fff;
86
- border: 0;
87
86
  background-color: #739900;
87
+ border: 0;
88
88
  }
89
89
 
90
90
  .btn-negative {
91
91
  color: #fff;
92
+ background-color: #f44;
92
93
  border: 0;
93
- background-color: #ff4444;
94
94
  }
95
95
  .btn-negative:active, .btn-negative.active {
96
96
  color: #fff;
97
+ background-color: #f11;
97
98
  border: 0;
98
- background-color: #ff1111;
99
99
  }
100
100
 
101
101
  .btn-outlined {
102
- border: 1px solid #999999;
103
102
  background-color: transparent;
103
+ border: 1px solid #999;
104
104
  -webkit-box-shadow: none;
105
- box-shadow: none;
105
+ box-shadow: none;
106
106
  }
107
107
  .btn-outlined.btn-primary {
108
- border: 1px solid #33b5e5;
109
108
  color: #33b5e5;
109
+ border: 1px solid #33b5e5;
110
110
  }
111
111
  .btn-outlined.btn-primary:active {
112
- border: 1px solid #33b5e5;
113
112
  background-color: #33b5e5;
113
+ border: 1px solid #33b5e5;
114
114
  }
115
115
  .btn-outlined.btn-positive {
116
- border: 1px solid #99cc00;
117
- color: #99cc00;
116
+ color: #9c0;
117
+ border: 1px solid #9c0;
118
118
  }
119
119
  .btn-outlined.btn-positive:active {
120
- border: 1px solid #99cc00;
121
- background-color: #99cc00;
120
+ background-color: #9c0;
121
+ border: 1px solid #9c0;
122
122
  }
123
123
  .btn-outlined.btn-negative {
124
- border: 1px solid #ff4444;
125
- color: #ff4444;
124
+ color: #f44;
125
+ border: 1px solid #f44;
126
126
  }
127
127
  .btn-outlined.btn-negative:active {
128
- border: 1px solid #ff4444;
129
- background-color: #ff4444;
128
+ background-color: #f44;
129
+ border: 1px solid #f44;
130
130
  }
131
131
  .btn-outlined:active {
132
- border: 1px solid #999999;
133
- background-color: #999999;
132
+ background-color: #999;
133
+ border: 1px solid #999;
134
134
  -webkit-box-shadow: none;
135
- box-shadow: none;
135
+ box-shadow: none;
136
136
  }
137
137
  .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
138
138
  color: #fff;
139
139
  -webkit-box-shadow: none;
140
- box-shadow: none;
140
+ box-shadow: none;
141
141
  }
142
142
 
143
143
  .btn-link {
@@ -145,13 +145,13 @@ a:active {
145
145
  background-color: transparent;
146
146
  border: none;
147
147
  -webkit-box-shadow: none;
148
- box-shadow: none;
148
+ box-shadow: none;
149
149
  }
150
150
  .btn-link:active, .btn-link.active {
151
151
  color: #1a9bcb;
152
152
  background-color: transparent;
153
153
  -webkit-box-shadow: none;
154
- box-shadow: none;
154
+ box-shadow: none;
155
155
  }
156
156
 
157
157
  .btn-block {
@@ -160,7 +160,7 @@ a:active {
160
160
  }
161
161
 
162
162
  .btn .badge {
163
- background-color: rgba(0, 0, 0, 0.15);
163
+ background-color: rgba(0, 0, 0, .15);
164
164
  }
165
165
  .btn .badge.badge-inverted {
166
166
  background-color: transparent;
@@ -171,10 +171,10 @@ a:active {
171
171
 
172
172
  .bar {
173
173
  height: 50px;
174
- background-color: #dddddd;
174
+ background-color: #ddd;
175
175
  border-bottom: 1px solid #b1b1b1;
176
- -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07);
177
- box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07);
176
+ -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
177
+ box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
178
178
  }
179
179
  .bar.bar-header-secondary {
180
180
  top: 50px;
@@ -188,10 +188,10 @@ a:active {
188
188
  .bar .bar-footer,
189
189
  .bar .bar-footer-secondary,
190
190
  .bar .bar-footer-secondary-tab {
191
- border-bottom: 0;
192
191
  border-top: 1px solid #b1b1b1;
192
+ border-bottom: 0;
193
193
  -webkit-box-shadow: inset 0 -2px 0 #33b5e5;
194
- box-shadow: inset 0 -2px 0 #33b5e5;
194
+ box-shadow: inset 0 -2px 0 #33b5e5;
195
195
  }
196
196
 
197
197
  .bar-tab {
@@ -206,7 +206,7 @@ a:active {
206
206
  .bar-tab .tab-item.active {
207
207
  color: #33b5e5;
208
208
  -webkit-box-shadow: inset 0 -2px 0 #33b5e5;
209
- box-shadow: inset 0 -2px 0 #33b5e5;
209
+ box-shadow: inset 0 -2px 0 #33b5e5;
210
210
  }
211
211
  .bar-tab .tab-item:active {
212
212
  color: #929292;
@@ -234,9 +234,9 @@ a:active {
234
234
  .bar .btn-link {
235
235
  top: 0;
236
236
  padding: 0;
237
- color: #33b5e5;
238
237
  font-size: 18px;
239
238
  line-height: 49px;
239
+ color: #33b5e5;
240
240
  }
241
241
  .bar .btn-link:active, .bar .btn-link.active {
242
242
  color: #1a9bcb;
@@ -270,7 +270,7 @@ a:active {
270
270
  }
271
271
 
272
272
  .badge.badge-inverted {
273
- color: #999999;
273
+ color: #999;
274
274
  background-color: transparent;
275
275
  }
276
276
 
@@ -285,26 +285,26 @@ a:active {
285
285
 
286
286
  .badge-positive {
287
287
  color: #fff;
288
- background-color: #99cc00;
288
+ background-color: #9c0;
289
289
  }
290
290
  .badge-positive.badge-inverted {
291
- color: #99cc00;
291
+ color: #9c0;
292
292
  background-color: transparent;
293
293
  }
294
294
 
295
295
  .badge-negative {
296
296
  color: #fff;
297
- background-color: #ff4444;
297
+ background-color: #f44;
298
298
  }
299
299
  .badge-negative.badge-inverted {
300
- color: #ff4444;
300
+ color: #f44;
301
301
  background-color: transparent;
302
302
  }
303
303
 
304
304
  .card {
305
+ background-color: transparent;
305
306
  border-color: #d9d9d9;
306
307
  border-radius: 2px;
307
- background-color: transparent;
308
308
  }
309
309
 
310
310
  .table-view {
@@ -317,6 +317,7 @@ a:active {
317
317
  background-image: none;
318
318
  }
319
319
  .table-view .table-view-cell > a:not(.btn):active {
320
+ color: inherit;
320
321
  background-color: #e0e0e0;
321
322
  }
322
323
  .table-view .table-view-cell > a:not(.btn):active .icon {
@@ -327,9 +328,36 @@ a:active {
327
328
  font-size: 12px;
328
329
  font-weight: bold;
329
330
  text-transform: uppercase;
331
+ background-color: transparent;
330
332
  border-top: 0;
331
333
  border-bottom: 2px solid #a9a9a9;
332
- background-color: transparent;
334
+ }
335
+
336
+ .table-view-cell .navigate-left > .btn,
337
+ .table-view-cell .navigate-left > .badge,
338
+ .table-view-cell .navigate-left > .toggle,
339
+ .table-view-cell .navigate-right > .btn,
340
+ .table-view-cell .navigate-right > .badge,
341
+ .table-view-cell .navigate-right > .toggle,
342
+ .table-view-cell .push-left > .btn,
343
+ .table-view-cell .push-left > .badge,
344
+ .table-view-cell .push-left > .toggle,
345
+ .table-view-cell .push-right > .btn,
346
+ .table-view-cell .push-right > .badge,
347
+ .table-view-cell .push-right > .toggle,
348
+ .table-view-cell > a .navigate-left > .btn,
349
+ .table-view-cell > a .navigate-left > .badge,
350
+ .table-view-cell > a .navigate-left > .toggle,
351
+ .table-view-cell > a .navigate-right > .btn,
352
+ .table-view-cell > a .navigate-right > .badge,
353
+ .table-view-cell > a .navigate-right > .toggle,
354
+ .table-view-cell > a .push-left > .btn,
355
+ .table-view-cell > a .push-left > .badge,
356
+ .table-view-cell > a .push-left > .toggle,
357
+ .table-view-cell > a .push-right > .btn,
358
+ .table-view-cell > a .push-right > .badge,
359
+ .table-view-cell > a .push-right > .toggle {
360
+ right: 15px;
333
361
  }
334
362
 
335
363
  select,
@@ -351,9 +379,9 @@ input[type="color"],
351
379
  .input-group {
352
380
  height: 40px;
353
381
  padding: 10px 15px;
354
- border: 1px solid rgba(0, 0, 0, 0.2);
355
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
356
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
382
+ border: 1px solid rgba(0, 0, 0, .2);
383
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
384
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
357
385
  }
358
386
 
359
387
  input[type="search"] {
@@ -375,7 +403,7 @@ textarea,
375
403
  border: 0;
376
404
  border-bottom: 1px solid #d9d9d9;
377
405
  -webkit-box-shadow: none;
378
- box-shadow: none;
406
+ box-shadow: none;
379
407
  }
380
408
 
381
409
  .input-group input:last-child {
@@ -383,9 +411,15 @@ textarea,
383
411
  }
384
412
 
385
413
  .input-row {
414
+ height: 40px;
386
415
  border-bottom: 1px solid #d9d9d9;
387
416
  }
388
417
 
418
+ .input-row label {
419
+ padding-top: 10px;
420
+ padding-bottom: 10px;
421
+ }
422
+
389
423
  .input-row label + input {
390
424
  background-image: none;
391
425
  border-bottom: 0;
@@ -396,22 +430,22 @@ textarea,
396
430
  background-color: #cecece;
397
431
  border: 0;
398
432
  border-radius: 2px;
399
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
400
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
433
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
434
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
401
435
  }
402
436
  .segmented-control .control-item {
403
437
  padding-top: 10px;
404
438
  padding-bottom: 10px;
405
- color: #222222;
439
+ color: #222;
406
440
  border-left: 1px solid #999;
407
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
408
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
441
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
442
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
409
443
  }
410
444
  .segmented-control .control-item:first-child {
411
445
  border-left-width: 0;
412
446
  }
413
447
  .segmented-control .control-item:active, .segmented-control .control-item.active {
414
- background-color: #999999;
448
+ background-color: #999;
415
449
  }
416
450
 
417
451
  .segmented-control-primary {
@@ -435,7 +469,7 @@ textarea,
435
469
  }
436
470
  .segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active {
437
471
  color: #fff;
438
- background-color: #99cc00;
472
+ background-color: #9c0;
439
473
  }
440
474
 
441
475
  .segmented-control-negative {
@@ -447,7 +481,7 @@ textarea,
447
481
  }
448
482
  .segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active {
449
483
  color: #fff;
450
- background-color: #ff4444;
484
+ background-color: #f44;
451
485
  }
452
486
 
453
487
  .popover {
@@ -457,22 +491,22 @@ textarea,
457
491
  margin-left: 0;
458
492
  border: 1px solid #9b9b9b;
459
493
  border-radius: 0;
494
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
495
+ box-shadow: 0 0 3px rgba(0, 0, 0, .2);
460
496
  -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out;
461
- -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out;
462
- transition: transform .1s ease-in-out, opacity .2s ease-in-out;
463
- -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
464
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
465
- -webkit-transform: scale(0.75);
466
- -ms-transform: scale(0.75);
467
- transform: scale(0.75);
497
+ -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out;
498
+ transition: transform .1s ease-in-out, opacity .2s ease-in-out;
499
+ -webkit-transform: scale(.75);
500
+ -ms-transform: scale(.75);
501
+ transform: scale(.75);
468
502
  }
469
503
  .popover:before {
470
504
  display: none;
471
505
  }
472
506
  .popover.visible {
473
507
  -webkit-transform: scale(1);
474
- -ms-transform: scale(1);
475
- transform: scale(1);
508
+ -ms-transform: scale(1);
509
+ transform: scale(1);
476
510
  }
477
511
 
478
512
  .backdrop {
@@ -493,20 +527,20 @@ textarea,
493
527
  .toggle {
494
528
  width: 104px;
495
529
  height: 28px;
530
+ background-color: #d7d7d7;
496
531
  border: 2px solid #d7d7d7;
497
532
  border-radius: 0;
498
- background-color: #d7d7d7;
499
533
  }
500
534
  .toggle .toggle-handle {
501
535
  top: 0;
502
536
  left: 0;
503
537
  width: 50px;
504
538
  height: 24px;
539
+ background-color: #bebebe;
505
540
  border: 1px solid #b5b5b5;
506
541
  border-radius: 2px;
507
- background-color: #bebebe;
508
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
509
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
542
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
543
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
510
544
  }
511
545
  .toggle:before {
512
546
  top: 1px;
@@ -516,20 +550,20 @@ textarea,
516
550
  color: #fff;
517
551
  }
518
552
  .toggle.active {
519
- border: 2px solid #d7d7d7;
520
553
  background-color: #d7d7d7;
554
+ border: 2px solid #d7d7d7;
521
555
  }
522
556
  .toggle.active .toggle-handle {
523
557
  margin-right: 2px;
524
558
  background-color: #33b5e5;
525
559
  border-color: #33b5e5;
526
560
  -webkit-transform: translate3d(50px, 0, 0);
527
- -ms-transform: translate3d(50px, 0, 0);
528
- transform: translate3d(50px, 0, 0);
561
+ -ms-transform: translate3d(50px, 0, 0);
562
+ transform: translate3d(50px, 0, 0);
529
563
  }
530
564
  .toggle.active:before {
531
- left: auto;
532
565
  right: 14px;
566
+ left: auto;
533
567
  color: #fff;
534
568
  }
535
569