shepherdjs_rails 1.8.1 → 2.0.0.pre.beta.35

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,248 +1,170 @@
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 {
1
+ /**
2
+ * Styles to support usage of Tippy.js tooltips (https://atomiks.github.io/tippyjs)
3
+ */
4
+ /**
5
+ * Tippy tooltips have the following base structure:
6
+ *
7
+ * <div class="tippy-popper" x-placement="top">
8
+ * <div class="tippy-tooltip">
9
+ * <div class="tippy-content">
10
+ * [[ Content Here ]]
11
+ * </div>
12
+ * </div>
13
+ * </div>
14
+ */
15
+ .tippy-popper {
16
+ z-index: 9999; }
17
+ .tippy-popper .tippy-arrow {
18
+ border: 16px solid transparent;
19
+ content: '';
20
+ display: block;
21
+ height: 0;
22
+ pointer-events: none;
23
+ position: absolute;
24
+ width: 0; }
25
+ .tippy-popper[x-placement^='top'] {
39
26
  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 {
27
+ .tippy-popper[x-placement^='top'] .tippy-arrow {
28
+ border-bottom: 0;
29
+ border-top-color: #f6f6f6;
30
+ left: calc(50% - 16px); }
31
+ .tippy-popper[x-placement^='bottom'] {
46
32
  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 {
33
+ .tippy-popper[x-placement^='bottom'] .tippy-arrow {
34
+ border-bottom-color: #e6e6e6;
35
+ border-top: 0;
36
+ left: calc(50% - 16px); }
37
+ .tippy-popper[x-placement^='left'] {
53
38
  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%;
39
+ .tippy-popper[x-placement^='left'] .tippy-arrow {
40
+ border-left-color: #f6f6f6;
41
+ border-right: 0;
64
42
  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 {
43
+ top: calc(50% - 16px); }
44
+ .tippy-popper[x-placement^='right'] {
125
45
  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; }
46
+ .tippy-popper[x-placement^='right'] .tippy-arrow {
47
+ border-left: 0;
48
+ border-right-color: #f6f6f6;
49
+ top: calc(50% - 16px); }
50
+ .tippy-popper .tippy-tooltip {
51
+ background-color: rgba(0, 0, 0, 0);
52
+ max-height: 100%;
53
+ max-width: 100%;
54
+ padding: 0;
55
+ width: 400px; }
56
+
57
+ .shepherd-element, .shepherd-element:after, .shepherd-element:before,
58
+ .shepherd-element *,
59
+ .shepherd-element *:after,
60
+ .shepherd-element *:before {
61
+ box-sizing: border-box; }
142
62
 
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 {
63
+ .shepherd-element {
64
+ filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
65
+ .shepherd-element.shepherd-has-title .shepherd-content header {
151
66
  background: #e6e6e6;
152
67
  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;
68
+ .shepherd-element .shepherd-content {
69
+ background: #f6f6f6;
70
+ font-size: inherit;
161
71
  padding: 0; }
162
- .shepherd-element.shepherd-theme-square .shepherd-content * {
163
- font-size: inherit; }
164
- .shepherd-element.shepherd-theme-square .shepherd-content header {
72
+ .shepherd-element .shepherd-content header {
165
73
  *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;
74
+ -ms-flex-align: center;
75
+ align-items: center;
76
+ border-top-left-radius: 0;
77
+ border-top-right-radius: 0;
78
+ display: -ms-flexbox;
79
+ display: flex;
80
+ -ms-flex-pack: center;
81
+ justify-content: center;
82
+ line-height: 2em;
83
+ padding: 0.75em 0.75em 0; }
84
+ .shepherd-element .shepherd-content header:after {
85
+ clear: both;
86
+ content: '';
87
+ display: table; }
88
+ .shepherd-element .shepherd-content header .shepherd-title,
89
+ .shepherd-element .shepherd-content header .shepherd-cancel-link {
180
90
  font-weight: normal;
181
- color: rgba(0, 0, 0, 0.5);
182
- opacity: 0.25;
91
+ margin: 0;
92
+ padding: 0;
183
93
  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 {
94
+ vertical-align: middle; }
95
+ .shepherd-element .shepherd-content header .shepherd-title {
96
+ color: rgba(0, 0, 0, 0.75);
97
+ display: -ms-flexbox;
98
+ display: flex;
99
+ -ms-flex: 1 0 auto;
100
+ flex: 1 0 auto;
101
+ font-size: 1.1em; }
102
+ .shepherd-element .shepherd-content header .shepherd-cancel-link {
103
+ color: rgba(179, 179, 179, 0.75);
104
+ font-size: 2em;
105
+ margin-left: auto;
106
+ text-decoration: none;
107
+ transition: color 0.5s ease; }
108
+ .shepherd-element .shepherd-content header .shepherd-cancel-link:before {
109
+ content: '\D7'; }
110
+ .shepherd-element .shepherd-content header .shepherd-cancel-link:hover {
111
+ color: rgba(0, 0, 0, 0.75); }
112
+ .shepherd-element .shepherd-content .shepherd-text {
113
+ color: rgba(0, 0, 0, 0.75);
114
+ line-height: 1.3em;
115
+ padding: 0.75em; }
116
+ .shepherd-element .shepherd-content .shepherd-text a,
117
+ .shepherd-element .shepherd-content .shepherd-text a:visited,
118
+ .shepherd-element .shepherd-content .shepherd-text a:active {
119
+ border-bottom: 1px dotted;
120
+ border-bottom-color: rgba(0, 0, 0, 0.75);
121
+ color: rgba(0, 0, 0, 0.75);
122
+ text-decoration: none; }
123
+ .shepherd-element .shepherd-content .shepherd-text a:hover,
124
+ .shepherd-element .shepherd-content .shepherd-text a:visited:hover,
125
+ .shepherd-element .shepherd-content .shepherd-text a:active:hover {
126
+ border-bottom-style: solid; }
127
+ .shepherd-element .shepherd-content .shepherd-text p {
128
+ margin-top: 0; }
129
+ .shepherd-element .shepherd-content .shepherd-text p:last-child {
195
130
  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;
131
+ .shepherd-element .shepherd-content footer {
132
+ border-bottom-left-radius: 0;
133
+ border-bottom-right-radius: 0;
134
+ padding: 0 0.75em 0.75em; }
135
+ .shepherd-element .shepherd-content footer .shepherd-buttons {
200
136
  list-style: none;
137
+ margin: 0;
201
138
  padding: 0;
202
- margin: 0; }
203
- .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li {
139
+ text-align: right; }
140
+ .shepherd-element .shepherd-content footer .shepherd-buttons li {
204
141
  display: inline;
205
- padding: 0;
206
- margin: 0; }
207
- .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button {
142
+ margin: 0 0.5em 0 0; }
143
+ .shepherd-element .shepherd-content footer .shepherd-buttons li:last-child {
144
+ margin-right: 0; }
145
+ .shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button {
208
146
  display: inline-block;
147
+ *display: inline;
209
148
  vertical-align: middle;
210
149
  *vertical-align: auto;
211
150
  *zoom: 1;
212
- *display: inline;
151
+ background: #3288e6;
152
+ border: 0;
213
153
  border-radius: 0;
154
+ color: rgba(255, 255, 255, 0.75);
214
155
  cursor: pointer;
215
- border: 0;
216
- margin: 0 .5em 0 0;
217
156
  font-family: inherit;
218
- text-transform: uppercase;
219
- letter-spacing: .1em;
220
- font-size: .8em;
157
+ font-size: 0.8em;
158
+ letter-spacing: 0.1em;
221
159
  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; }
160
+ padding: 0.75em 2em;
161
+ text-transform: uppercase;
162
+ transition: all 0.5s ease; }
163
+ .shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {
164
+ background: #196fcc; }
165
+ .shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
166
+ background: #f1f2f3;
167
+ color: rgba(0, 0, 0, 0.75); }
168
+ .shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover {
169
+ background: #d5d8dc;
170
+ color: rgba(0, 0, 0, 0.75); }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: shepherdjs_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.8.1
4
+ version: 2.0.0.pre.beta.35
5
5
  platform: ruby
6
6
  authors:
7
7
  - jimcheung
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-11-14 00:00:00.000000000 Z
11
+ date: 2018-12-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -75,15 +75,13 @@ files:
75
75
  - test/shepherdjs_rails_test.rb
76
76
  - test/test_helper.rb
77
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
78
+ - vendor/assets/javascripts/shepherd.js.map
79
+ - vendor/assets/javascripts/shepherd.min.js
80
+ - vendor/assets/javascripts/shepherd.min.js.map
82
81
  - vendor/assets/stylesheets/shepherd-theme-dark.css
83
82
  - vendor/assets/stylesheets/shepherd-theme-default.css
84
83
  - vendor/assets/stylesheets/shepherd-theme-square-dark.css
85
84
  - vendor/assets/stylesheets/shepherd-theme-square.css
86
- - vendor/assets/stylesheets/shepherd.css
87
85
  homepage: https://github.com/jinhucheung/shepherdjs_rails
88
86
  licenses:
89
87
  - MIT
@@ -99,9 +97,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
99
97
  version: '0'
100
98
  required_rubygems_version: !ruby/object:Gem::Requirement
101
99
  requirements:
102
- - - ">="
100
+ - - ">"
103
101
  - !ruby/object:Gem::Version
104
- version: '0'
102
+ version: 1.3.1
105
103
  requirements: []
106
104
  rubyforge_project:
107
105
  rubygems_version: 2.7.8