shepherdjs_rails 1.8.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +50 -0
  4. data/Rakefile +29 -0
  5. data/lib/shepherdjs_rails/engine.rb +4 -0
  6. data/lib/shepherdjs_rails/version.rb +3 -0
  7. data/lib/shepherdjs_rails.rb +4 -0
  8. data/test/dummy/README.rdoc +28 -0
  9. data/test/dummy/Rakefile +6 -0
  10. data/test/dummy/app/assets/javascripts/application.js +13 -0
  11. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  12. data/test/dummy/app/controllers/application_controller.rb +5 -0
  13. data/test/dummy/app/helpers/application_helper.rb +2 -0
  14. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  15. data/test/dummy/bin/bundle +3 -0
  16. data/test/dummy/bin/rails +4 -0
  17. data/test/dummy/bin/rake +4 -0
  18. data/test/dummy/bin/setup +29 -0
  19. data/test/dummy/config/application.rb +26 -0
  20. data/test/dummy/config/boot.rb +5 -0
  21. data/test/dummy/config/database.yml +25 -0
  22. data/test/dummy/config/environment.rb +5 -0
  23. data/test/dummy/config/environments/development.rb +41 -0
  24. data/test/dummy/config/environments/production.rb +79 -0
  25. data/test/dummy/config/environments/test.rb +42 -0
  26. data/test/dummy/config/initializers/assets.rb +11 -0
  27. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  28. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  29. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  30. data/test/dummy/config/initializers/inflections.rb +16 -0
  31. data/test/dummy/config/initializers/mime_types.rb +4 -0
  32. data/test/dummy/config/initializers/session_store.rb +3 -0
  33. data/test/dummy/config/initializers/to_time_preserves_timezone.rb +10 -0
  34. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  35. data/test/dummy/config/locales/en.yml +23 -0
  36. data/test/dummy/config/routes.rb +56 -0
  37. data/test/dummy/config/secrets.yml +22 -0
  38. data/test/dummy/config.ru +4 -0
  39. data/test/dummy/public/404.html +67 -0
  40. data/test/dummy/public/422.html +67 -0
  41. data/test/dummy/public/500.html +66 -0
  42. data/test/dummy/public/favicon.ico +0 -0
  43. data/test/shepherdjs_rails_test.rb +7 -0
  44. data/test/test_helper.rb +20 -0
  45. data/vendor/assets/javascripts/shepherd.js +747 -0
  46. data/vendor/assets/javascripts/tether.js +1443 -0
  47. data/vendor/assets/stylesheets/shepherd-theme-arrows-fix.css +5 -0
  48. data/vendor/assets/stylesheets/shepherd-theme-arrows-plain-buttons.css +215 -0
  49. data/vendor/assets/stylesheets/shepherd-theme-arrows.css +229 -0
  50. data/vendor/assets/stylesheets/shepherd-theme-dark.css +246 -0
  51. data/vendor/assets/stylesheets/shepherd-theme-default.css +246 -0
  52. data/vendor/assets/stylesheets/shepherd-theme-square-dark.css +248 -0
  53. data/vendor/assets/stylesheets/shepherd-theme-square.css +248 -0
  54. data/vendor/assets/stylesheets/shepherd.css +9 -0
  55. metadata +149 -0
@@ -0,0 +1,248 @@
1
+ .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
2
+ .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
3
+ .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
4
+ .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
5
+ display: none; }
6
+
7
+ .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
8
+ box-sizing: border-box; }
9
+
10
+ .shepherd-element {
11
+ position: absolute;
12
+ display: none; }
13
+ .shepherd-element.shepherd-open {
14
+ display: block; }
15
+
16
+ .shepherd-element.shepherd-theme-square-dark {
17
+ max-width: 100%;
18
+ max-height: 100%; }
19
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content {
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: #232323;
24
+ color: #eee;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em; }
28
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content:before {
29
+ content: "";
30
+ display: block;
31
+ position: absolute;
32
+ width: 0;
33
+ height: 0;
34
+ border-color: transparent;
35
+ border-width: 16px;
36
+ border-style: solid;
37
+ pointer-events: none; }
38
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
39
+ margin-bottom: 16px; }
40
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
41
+ top: 100%;
42
+ left: 50%;
43
+ margin-left: -16px;
44
+ border-top-color: #232323; }
45
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
46
+ margin-top: 16px; }
47
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
48
+ bottom: 100%;
49
+ left: 50%;
50
+ margin-left: -16px;
51
+ border-bottom-color: #232323; }
52
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
53
+ margin-right: 16px; }
54
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
55
+ left: 100%;
56
+ top: 50%;
57
+ margin-top: -16px;
58
+ border-left-color: #232323; }
59
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
60
+ margin-left: 16px; }
61
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
62
+ right: 100%;
63
+ top: 50%;
64
+ margin-top: -16px;
65
+ border-right-color: #232323; }
66
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
67
+ left: -32px; }
68
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
69
+ left: 32px; }
70
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
71
+ margin-top: 16px; }
72
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
73
+ bottom: 100%;
74
+ left: 16px;
75
+ border-bottom-color: #232323; }
76
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
77
+ margin-top: 16px; }
78
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
79
+ bottom: 100%;
80
+ right: 16px;
81
+ border-bottom-color: #232323; }
82
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
83
+ margin-bottom: 16px; }
84
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
85
+ top: 100%;
86
+ left: 16px;
87
+ border-top-color: #232323; }
88
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
89
+ margin-bottom: 16px; }
90
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
91
+ top: 100%;
92
+ right: 16px;
93
+ border-top-color: #232323; }
94
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
95
+ margin-top: 16px; }
96
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
97
+ bottom: 100%;
98
+ left: 16px;
99
+ border-bottom-color: #232323; }
100
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
101
+ margin-top: 16px; }
102
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
103
+ bottom: 100%;
104
+ right: 16px;
105
+ border-bottom-color: #232323; }
106
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
107
+ margin-bottom: 16px; }
108
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
109
+ top: 100%;
110
+ left: 16px;
111
+ border-top-color: #232323; }
112
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
113
+ margin-bottom: 16px; }
114
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
115
+ top: 100%;
116
+ right: 16px;
117
+ border-top-color: #232323; }
118
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
119
+ margin-right: 16px; }
120
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
121
+ top: 16px;
122
+ left: 100%;
123
+ border-left-color: #232323; }
124
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
125
+ margin-left: 16px; }
126
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
127
+ top: 16px;
128
+ right: 100%;
129
+ border-right-color: #232323; }
130
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
131
+ margin-right: 16px; }
132
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
133
+ bottom: 16px;
134
+ left: 100%;
135
+ border-left-color: #232323; }
136
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
137
+ margin-left: 16px; }
138
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
139
+ bottom: 16px;
140
+ right: 100%;
141
+ border-right-color: #232323; }
142
+
143
+ .shepherd-element.shepherd-theme-square-dark {
144
+ border-radius: 0;
145
+ z-index: 9999;
146
+ max-width: 24em;
147
+ font-size: 1em; }
148
+ .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
149
+ border-bottom-color: #303030; }
150
+ .shepherd-element.shepherd-theme-square-dark.shepherd-has-title .shepherd-content header {
151
+ background: #303030;
152
+ padding: 1em; }
153
+ .shepherd-element.shepherd-theme-square-dark.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
154
+ padding: 0;
155
+ margin-bottom: 0; }
156
+ .shepherd-element.shepherd-theme-square-dark.shepherd-has-cancel-link .shepherd-content header h3 {
157
+ float: left; }
158
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content {
159
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
160
+ border-radius: 0;
161
+ padding: 0; }
162
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content * {
163
+ font-size: inherit; }
164
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content header {
165
+ *zoom: 1;
166
+ border-radius: 0; }
167
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content header:after {
168
+ content: "";
169
+ display: table;
170
+ clear: both; }
171
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content header h3 {
172
+ margin: 0;
173
+ line-height: 1;
174
+ font-weight: normal; }
175
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content header a.shepherd-cancel-link {
176
+ float: right;
177
+ text-decoration: none;
178
+ font-size: 1.25em;
179
+ line-height: .8em;
180
+ font-weight: normal;
181
+ color: rgba(0, 0, 0, 0.5);
182
+ opacity: 0.25;
183
+ position: relative;
184
+ top: .1em;
185
+ padding: .8em;
186
+ margin-bottom: -.8em; }
187
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content header a.shepherd-cancel-link:hover {
188
+ opacity: 1; }
189
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text {
190
+ padding: 1em; }
191
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text p {
192
+ margin: 0 0 .5em 0;
193
+ line-height: 1.3em; }
194
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text p:last-child {
195
+ margin-bottom: 0; }
196
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer {
197
+ padding: 0 1em 1em; }
198
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons {
199
+ text-align: right;
200
+ list-style: none;
201
+ padding: 0;
202
+ margin: 0; }
203
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li {
204
+ display: inline;
205
+ padding: 0;
206
+ margin: 0; }
207
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li .shepherd-button {
208
+ display: inline-block;
209
+ vertical-align: middle;
210
+ *vertical-align: auto;
211
+ *zoom: 1;
212
+ *display: inline;
213
+ border-radius: 0;
214
+ cursor: pointer;
215
+ border: 0;
216
+ margin: 0 .5em 0 0;
217
+ font-family: inherit;
218
+ text-transform: uppercase;
219
+ letter-spacing: .1em;
220
+ font-size: .8em;
221
+ line-height: 1em;
222
+ padding: .75em 2em;
223
+ background: #3288e6;
224
+ color: #fff; }
225
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
226
+ background: #eee;
227
+ color: #888; }
228
+ .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
229
+ margin-right: 0; }
230
+
231
+ .shepherd-start-tour-button.shepherd-theme-square-dark {
232
+ display: inline-block;
233
+ vertical-align: middle;
234
+ *vertical-align: auto;
235
+ *zoom: 1;
236
+ *display: inline;
237
+ border-radius: 0;
238
+ cursor: pointer;
239
+ border: 0;
240
+ margin: 0 .5em 0 0;
241
+ font-family: inherit;
242
+ text-transform: uppercase;
243
+ letter-spacing: .1em;
244
+ font-size: .8em;
245
+ line-height: 1em;
246
+ padding: .75em 2em;
247
+ background: #3288e6;
248
+ color: #fff; }
@@ -0,0 +1,248 @@
1
+ .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
2
+ .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
3
+ .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
4
+ .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
5
+ display: none; }
6
+
7
+ .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
8
+ box-sizing: border-box; }
9
+
10
+ .shepherd-element {
11
+ position: absolute;
12
+ display: none; }
13
+ .shepherd-element.shepherd-open {
14
+ display: block; }
15
+
16
+ .shepherd-element.shepherd-theme-square {
17
+ max-width: 100%;
18
+ max-height: 100%; }
19
+ .shepherd-element.shepherd-theme-square .shepherd-content {
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: #f6f6f6;
24
+ color: #444;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em; }
28
+ .shepherd-element.shepherd-theme-square .shepherd-content:before {
29
+ content: "";
30
+ display: block;
31
+ position: absolute;
32
+ width: 0;
33
+ height: 0;
34
+ border-color: transparent;
35
+ border-width: 16px;
36
+ border-style: solid;
37
+ pointer-events: none; }
38
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
39
+ margin-bottom: 16px; }
40
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
41
+ top: 100%;
42
+ left: 50%;
43
+ margin-left: -16px;
44
+ border-top-color: #f6f6f6; }
45
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
46
+ margin-top: 16px; }
47
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
48
+ bottom: 100%;
49
+ left: 50%;
50
+ margin-left: -16px;
51
+ border-bottom-color: #f6f6f6; }
52
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
53
+ margin-right: 16px; }
54
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
55
+ left: 100%;
56
+ top: 50%;
57
+ margin-top: -16px;
58
+ border-left-color: #f6f6f6; }
59
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
60
+ margin-left: 16px; }
61
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
62
+ right: 100%;
63
+ top: 50%;
64
+ margin-top: -16px;
65
+ border-right-color: #f6f6f6; }
66
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
67
+ left: -32px; }
68
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
69
+ left: 32px; }
70
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
71
+ margin-top: 16px; }
72
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
73
+ bottom: 100%;
74
+ left: 16px;
75
+ border-bottom-color: #f6f6f6; }
76
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
77
+ margin-top: 16px; }
78
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
79
+ bottom: 100%;
80
+ right: 16px;
81
+ border-bottom-color: #f6f6f6; }
82
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
83
+ margin-bottom: 16px; }
84
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
85
+ top: 100%;
86
+ left: 16px;
87
+ border-top-color: #f6f6f6; }
88
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
89
+ margin-bottom: 16px; }
90
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
91
+ top: 100%;
92
+ right: 16px;
93
+ border-top-color: #f6f6f6; }
94
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
95
+ margin-top: 16px; }
96
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
97
+ bottom: 100%;
98
+ left: 16px;
99
+ border-bottom-color: #f6f6f6; }
100
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
101
+ margin-top: 16px; }
102
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
103
+ bottom: 100%;
104
+ right: 16px;
105
+ border-bottom-color: #f6f6f6; }
106
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
107
+ margin-bottom: 16px; }
108
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
109
+ top: 100%;
110
+ left: 16px;
111
+ border-top-color: #f6f6f6; }
112
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
113
+ margin-bottom: 16px; }
114
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
115
+ top: 100%;
116
+ right: 16px;
117
+ border-top-color: #f6f6f6; }
118
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
119
+ margin-right: 16px; }
120
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
121
+ top: 16px;
122
+ left: 100%;
123
+ border-left-color: #f6f6f6; }
124
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
125
+ margin-left: 16px; }
126
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
127
+ top: 16px;
128
+ right: 100%;
129
+ border-right-color: #f6f6f6; }
130
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
131
+ margin-right: 16px; }
132
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
133
+ bottom: 16px;
134
+ left: 100%;
135
+ border-left-color: #f6f6f6; }
136
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
137
+ margin-left: 16px; }
138
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
139
+ bottom: 16px;
140
+ right: 100%;
141
+ border-right-color: #f6f6f6; }
142
+
143
+ .shepherd-element.shepherd-theme-square {
144
+ border-radius: 0;
145
+ z-index: 9999;
146
+ max-width: 24em;
147
+ font-size: 1em; }
148
+ .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
149
+ border-bottom-color: #e6e6e6; }
150
+ .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header {
151
+ background: #e6e6e6;
152
+ padding: 1em; }
153
+ .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
154
+ padding: 0;
155
+ margin-bottom: 0; }
156
+ .shepherd-element.shepherd-theme-square.shepherd-has-cancel-link .shepherd-content header h3 {
157
+ float: left; }
158
+ .shepherd-element.shepherd-theme-square .shepherd-content {
159
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
160
+ border-radius: 0;
161
+ padding: 0; }
162
+ .shepherd-element.shepherd-theme-square .shepherd-content * {
163
+ font-size: inherit; }
164
+ .shepherd-element.shepherd-theme-square .shepherd-content header {
165
+ *zoom: 1;
166
+ border-radius: 0; }
167
+ .shepherd-element.shepherd-theme-square .shepherd-content header:after {
168
+ content: "";
169
+ display: table;
170
+ clear: both; }
171
+ .shepherd-element.shepherd-theme-square .shepherd-content header h3 {
172
+ margin: 0;
173
+ line-height: 1;
174
+ font-weight: normal; }
175
+ .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link {
176
+ float: right;
177
+ text-decoration: none;
178
+ font-size: 1.25em;
179
+ line-height: .8em;
180
+ font-weight: normal;
181
+ color: rgba(0, 0, 0, 0.5);
182
+ opacity: 0.25;
183
+ position: relative;
184
+ top: .1em;
185
+ padding: .8em;
186
+ margin-bottom: -.8em; }
187
+ .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link:hover {
188
+ opacity: 1; }
189
+ .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text {
190
+ padding: 1em; }
191
+ .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p {
192
+ margin: 0 0 .5em 0;
193
+ line-height: 1.3em; }
194
+ .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p:last-child {
195
+ margin-bottom: 0; }
196
+ .shepherd-element.shepherd-theme-square .shepherd-content footer {
197
+ padding: 0 1em 1em; }
198
+ .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons {
199
+ text-align: right;
200
+ list-style: none;
201
+ padding: 0;
202
+ margin: 0; }
203
+ .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li {
204
+ display: inline;
205
+ padding: 0;
206
+ margin: 0; }
207
+ .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button {
208
+ display: inline-block;
209
+ vertical-align: middle;
210
+ *vertical-align: auto;
211
+ *zoom: 1;
212
+ *display: inline;
213
+ border-radius: 0;
214
+ cursor: pointer;
215
+ border: 0;
216
+ margin: 0 .5em 0 0;
217
+ font-family: inherit;
218
+ text-transform: uppercase;
219
+ letter-spacing: .1em;
220
+ font-size: .8em;
221
+ line-height: 1em;
222
+ padding: .75em 2em;
223
+ background: #3288e6;
224
+ color: #fff; }
225
+ .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
226
+ background: #eee;
227
+ color: #888; }
228
+ .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
229
+ margin-right: 0; }
230
+
231
+ .shepherd-start-tour-button.shepherd-theme-square {
232
+ display: inline-block;
233
+ vertical-align: middle;
234
+ *vertical-align: auto;
235
+ *zoom: 1;
236
+ *display: inline;
237
+ border-radius: 0;
238
+ cursor: pointer;
239
+ border: 0;
240
+ margin: 0 .5em 0 0;
241
+ font-family: inherit;
242
+ text-transform: uppercase;
243
+ letter-spacing: .1em;
244
+ font-size: .8em;
245
+ line-height: 1em;
246
+ padding: .75em 2em;
247
+ background: #3288e6;
248
+ color: #fff; }
@@ -0,0 +1,9 @@
1
+ /*
2
+ *= require shepherd-theme-arrows-fix
3
+ *= require shepherd-theme-arrows-plain-buttons
4
+ *= require shepherd-theme-arrows
5
+ *= require shepherd-theme-dark
6
+ *= require shepherd-theme-default
7
+ *= require shepherd-theme-square-dark
8
+ *= require shepherd-theme-square
9
+ */
metadata ADDED
@@ -0,0 +1,149 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: shepherdjs_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.8.1
5
+ platform: ruby
6
+ authors:
7
+ - jimcheung
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2018-11-14 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: rails
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: '3.2'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: '3.2'
27
+ description:
28
+ email:
29
+ - hi.jinhu.zhang@gmail.com
30
+ executables: []
31
+ extensions: []
32
+ extra_rdoc_files: []
33
+ files:
34
+ - MIT-LICENSE
35
+ - README.md
36
+ - Rakefile
37
+ - lib/shepherdjs_rails.rb
38
+ - lib/shepherdjs_rails/engine.rb
39
+ - lib/shepherdjs_rails/version.rb
40
+ - test/dummy/README.rdoc
41
+ - test/dummy/Rakefile
42
+ - test/dummy/app/assets/javascripts/application.js
43
+ - test/dummy/app/assets/stylesheets/application.css
44
+ - test/dummy/app/controllers/application_controller.rb
45
+ - test/dummy/app/helpers/application_helper.rb
46
+ - test/dummy/app/views/layouts/application.html.erb
47
+ - test/dummy/bin/bundle
48
+ - test/dummy/bin/rails
49
+ - test/dummy/bin/rake
50
+ - test/dummy/bin/setup
51
+ - test/dummy/config.ru
52
+ - test/dummy/config/application.rb
53
+ - test/dummy/config/boot.rb
54
+ - test/dummy/config/database.yml
55
+ - test/dummy/config/environment.rb
56
+ - test/dummy/config/environments/development.rb
57
+ - test/dummy/config/environments/production.rb
58
+ - test/dummy/config/environments/test.rb
59
+ - test/dummy/config/initializers/assets.rb
60
+ - test/dummy/config/initializers/backtrace_silencers.rb
61
+ - test/dummy/config/initializers/cookies_serializer.rb
62
+ - test/dummy/config/initializers/filter_parameter_logging.rb
63
+ - test/dummy/config/initializers/inflections.rb
64
+ - test/dummy/config/initializers/mime_types.rb
65
+ - test/dummy/config/initializers/session_store.rb
66
+ - test/dummy/config/initializers/to_time_preserves_timezone.rb
67
+ - test/dummy/config/initializers/wrap_parameters.rb
68
+ - test/dummy/config/locales/en.yml
69
+ - test/dummy/config/routes.rb
70
+ - test/dummy/config/secrets.yml
71
+ - test/dummy/public/404.html
72
+ - test/dummy/public/422.html
73
+ - test/dummy/public/500.html
74
+ - test/dummy/public/favicon.ico
75
+ - test/shepherdjs_rails_test.rb
76
+ - test/test_helper.rb
77
+ - vendor/assets/javascripts/shepherd.js
78
+ - vendor/assets/javascripts/tether.js
79
+ - vendor/assets/stylesheets/shepherd-theme-arrows-fix.css
80
+ - vendor/assets/stylesheets/shepherd-theme-arrows-plain-buttons.css
81
+ - vendor/assets/stylesheets/shepherd-theme-arrows.css
82
+ - vendor/assets/stylesheets/shepherd-theme-dark.css
83
+ - vendor/assets/stylesheets/shepherd-theme-default.css
84
+ - vendor/assets/stylesheets/shepherd-theme-square-dark.css
85
+ - vendor/assets/stylesheets/shepherd-theme-square.css
86
+ - vendor/assets/stylesheets/shepherd.css
87
+ homepage: https://github.com/jinhucheung/shepherdjs_rails
88
+ licenses:
89
+ - MIT
90
+ metadata: {}
91
+ post_install_message:
92
+ rdoc_options: []
93
+ require_paths:
94
+ - lib
95
+ required_ruby_version: !ruby/object:Gem::Requirement
96
+ requirements:
97
+ - - ">="
98
+ - !ruby/object:Gem::Version
99
+ version: '0'
100
+ required_rubygems_version: !ruby/object:Gem::Requirement
101
+ requirements:
102
+ - - ">="
103
+ - !ruby/object:Gem::Version
104
+ version: '0'
105
+ requirements: []
106
+ rubyforge_project:
107
+ rubygems_version: 2.7.8
108
+ signing_key:
109
+ specification_version: 4
110
+ summary: shepherdjs_rails wraps the Shepherd JavaScript library so that it can easily
111
+ be included in Rails.
112
+ test_files:
113
+ - test/shepherdjs_rails_test.rb
114
+ - test/test_helper.rb
115
+ - test/dummy/public/404.html
116
+ - test/dummy/public/422.html
117
+ - test/dummy/public/favicon.ico
118
+ - test/dummy/public/500.html
119
+ - test/dummy/app/controllers/application_controller.rb
120
+ - test/dummy/app/assets/stylesheets/application.css
121
+ - test/dummy/app/assets/javascripts/application.js
122
+ - test/dummy/app/views/layouts/application.html.erb
123
+ - test/dummy/app/helpers/application_helper.rb
124
+ - test/dummy/Rakefile
125
+ - test/dummy/bin/rake
126
+ - test/dummy/bin/bundle
127
+ - test/dummy/bin/setup
128
+ - test/dummy/bin/rails
129
+ - test/dummy/config.ru
130
+ - test/dummy/README.rdoc
131
+ - test/dummy/config/initializers/wrap_parameters.rb
132
+ - test/dummy/config/initializers/backtrace_silencers.rb
133
+ - test/dummy/config/initializers/cookies_serializer.rb
134
+ - test/dummy/config/initializers/session_store.rb
135
+ - test/dummy/config/initializers/inflections.rb
136
+ - test/dummy/config/initializers/mime_types.rb
137
+ - test/dummy/config/initializers/filter_parameter_logging.rb
138
+ - test/dummy/config/initializers/to_time_preserves_timezone.rb
139
+ - test/dummy/config/initializers/assets.rb
140
+ - test/dummy/config/application.rb
141
+ - test/dummy/config/routes.rb
142
+ - test/dummy/config/secrets.yml
143
+ - test/dummy/config/locales/en.yml
144
+ - test/dummy/config/environment.rb
145
+ - test/dummy/config/environments/production.rb
146
+ - test/dummy/config/environments/development.rb
147
+ - test/dummy/config/environments/test.rb
148
+ - test/dummy/config/database.yml
149
+ - test/dummy/config/boot.rb