uriji_emoji_picker 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 404979a5553dd9a59d3539b5477c083ebde3073d
4
- data.tar.gz: f3c3e78685dc8c3f3f86c971f3611ebb9fa92a74
3
+ metadata.gz: 234a55fd28908c4ebbd614c73e5ad423ab14f563
4
+ data.tar.gz: 305ee530f51a71e29dcecdb81893c5eed0eea012
5
5
  SHA512:
6
- metadata.gz: 8486fdb24a068cb9fc4c1683904f8b75cc5b499ebf20830f6a956fb106fb4e92f9644a15de80fe6deb7ddb7d46004a3dec7936106abed602ee9309b434282088
7
- data.tar.gz: f465680bc665a3e6e1e8b8d75429c57f4dd0d6f2467891b043b10883a00ca1ca1905f5f37ec941180743fa94da5154446d48948447b1e09337792910992a731a
6
+ metadata.gz: eb9c011cd5be85c75f620562c9d11b718f41fa2e298721062a89a1689ea83948f9b3153466db2594f0762471dba3769e881ae045ff038b37916c94580694ae62
7
+ data.tar.gz: 6d03e4d0d29eee6a821f8c0195ce9c5a58f108f9ed54be85b5074a32621d22ce051b41faf872956008e68c34edc066a2c2ca9fee76c83b87771472e29f8dea5b
@@ -1,4 +1,4 @@
1
- $(function () {
1
+ $(function() {
2
2
  window.emojiPicker = new EmojiPicker({
3
3
  emojiable_selector: '[data-emojiable=true]',
4
4
  assetsPath: '/assets/emoji_picker',
@@ -1,380 +1,388 @@
1
1
  @charset "UTF-8";
2
2
  @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
3
+
3
4
  span.emoji,
4
5
  span.emoji-inner {
5
- text-indent: -9999px;
6
- vertical-align: baseline;
6
+ vertical-align: baseline;
7
+ text-indent: -9999px;
7
8
  }
8
9
  #open-emoji-panel img:hover,
9
10
  .emoji-menu-tabs .emoji-menu-tab:hover,
10
11
  .emoji-picker-icon:hover,
11
12
  [role=button] {
12
- cursor: pointer;
13
+ cursor: pointer;
13
14
  }
14
15
  .img-responsive,
15
16
  .img-thumbnail,
16
17
  .table,
17
18
  label {
18
- max-width: 100%;
19
+ max-width: 100%;
19
20
  }
20
21
  .nano {
21
- position: relative;
22
- width: 100%;
23
- height: 100%;
24
- overflow: hidden;
22
+ position: relative;
23
+
24
+ width: 100%;
25
+ height: 100%;
26
+ overflow: hidden;
25
27
  }
26
28
  .nano > .nano-content,
27
29
  .nano > .nano-pane {
28
- position: absolute;
29
- right: 0;
30
- top: 0;
31
- bottom: 0;
30
+ position: absolute;
31
+ top: 0;
32
+ right: 0;
33
+ bottom: 0;
32
34
  }
33
35
  .nano > .nano-content {
34
- overflow: scroll;
35
- overflow-x: hidden;
36
- left: 0;
36
+ left: 0;
37
+
38
+ overflow: scroll;
39
+ overflow-x: hidden;
37
40
  }
38
41
  .nano > .nano-content:focus {
39
- outline: dotted thin;
42
+ outline: dotted thin;
40
43
  }
41
44
  .nano > .nano-content::-webkit-scrollbar {
42
- display: none;
45
+ display: none;
43
46
  }
44
47
  .has-scrollbar > .nano-content::-webkit-scrollbar {
45
- display: block;
48
+ display: block;
46
49
  }
47
50
  .nano > .nano-pane {
48
- background: rgba(0,0,0,.25);
49
- width: 10px;
50
- visibility: hidden\9;
51
- opacity: 0.01;
52
- -webkit-transition: 0.2s;
53
- -moz-transition: 0.2s;
54
- -o-transition: 0.2s;
55
- transition: 0.2s;
56
- -moz-border-radius: 5px;
57
- -webkit-border-radius: 5px;
58
- border-radius: 5px;
51
+ visibility: hidden\9;
52
+ width: 10px;
53
+
54
+ -webkit-transition: .2s;
55
+ -moz-transition: .2s;
56
+ -o-transition: .2s;
57
+ transition: .2s;
58
+
59
+ opacity: .01;
60
+ -webkit-border-radius: 5px;
61
+ -moz-border-radius: 5px;
62
+ border-radius: 5px;
63
+ background: rgba(0,0,0,.25);
59
64
  }
60
65
  .nano > .nano-pane > .nano-slider {
61
- background: #444;
62
- background: rgba(0,0,0,.5);
63
- position: relative;
64
- margin: 0 1px;
65
- -moz-border-radius: 3px;
66
- -webkit-border-radius: 3px;
67
- border-radius: 3px;
66
+ position: relative;
67
+
68
+ margin: 0 1px;
69
+
70
+ -webkit-border-radius: 3px;
71
+ -moz-border-radius: 3px;
72
+ border-radius: 3px;
73
+ background: #444;
74
+ background: rgba(0,0,0,.5);
68
75
  }
69
76
  .nano-pane.active,
70
77
  .nano-pane.flashed,
71
78
  .nano:hover > .nano-pane {
72
- visibility: visible\9;
73
- opacity: 0.99;
79
+ visibility: visible\9;
80
+
81
+ opacity: .99;
74
82
  }
75
83
  span.emoji {
76
- -moz-box-orient: vertical;
77
- display: inline-block;
78
- width: 1em;
79
- height: 1em;
80
- background-size: 1em;
81
- background-repeat: no-repeat;
84
+ display: inline-block;
85
+ width: 1em;
86
+ height: 1em;
87
+
88
+ background-repeat: no-repeat;
89
+ background-size: 1em;
90
+
91
+ -moz-box-orient: vertical;
82
92
  }
83
93
  span.emoji-sizer {
84
- line-height: 0.81em;
85
- font-size: 1em;
86
- margin: -2px 0;
94
+ margin: -2px 0;
95
+
96
+ font-size: 1em;
97
+ line-height: .81em;
87
98
  }
88
99
  span.emoji-outer {
89
- display: -moz-inline-box;
90
- display: inline-block;
91
- height: 1em;
92
- width: 1em;
100
+ display: -moz-inline-box;
101
+ display: inline-block;
102
+ width: 1em;
103
+ height: 1em;
93
104
  }
94
105
  span.emoji-inner {
95
- display: -moz-inline-box;
96
- display: inline-block;
97
- width: 100%;
98
- height: 100%;
106
+ display: -moz-inline-box;
107
+ display: inline-block;
108
+ width: 100%;
109
+ height: 100%;
99
110
  }
100
111
  img.emoji {
101
- width: 1.3em;
102
- height: 1.3em;
112
+ width: 1.3em;
113
+ height: 1.3em;
103
114
  }
104
115
  .emoji-picker-container {
105
- position: relative;
106
- display: inline-block;
107
- min-width: 300px;
116
+ position: relative;
117
+
118
+ display: inline-block;
119
+ min-width: 300px;
108
120
  }
109
121
  .emoji-picker-icon {
110
- position: absolute;
111
- right: 0;
112
- top: 0;
113
- font-size: 20px;
114
- opacity: 0.7;
115
- z-index: 100;
116
- transition: none;
117
- color: #296762;
118
- -moz-user-select: none;
119
- -khtml-user-select: none;
120
- -webkit-user-select: none;
121
- -o-user-select: none;
122
- user-select: none;
122
+ position: absolute;
123
+ top: 0;
124
+ right: 0;
125
+ z-index: 100;
126
+
127
+ font-size: 20px;
128
+
129
+ -webkit-user-select: none;
130
+ -moz-user-select: none;
131
+ user-select: none;
132
+ transition: none;
133
+
134
+ opacity: .7;
135
+ color: #9e9e9e;
136
+
137
+ -khtml-user-select: none;
138
+ -o-user-select: none;
123
139
  }
124
140
  .emoji-wysiwyg-editor,
125
141
  .form-control {
126
- -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
142
+ -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
127
143
  }
128
144
  .emoji-picker-icon:hover {
129
- opacity: 1;
145
+ opacity: 1;
130
146
  }
131
147
  .emoji-picker-icon.parent-has-scroll {
132
- right: 28px;
148
+ right: 28px;
133
149
  }
134
150
  .emoji-wysiwyg-editor:empty:before {
135
- content: attr(placeholder);
136
- color: #9aa2ab;
151
+ content: attr(placeholder);
152
+
153
+ color: #9aa2ab;
137
154
  }
138
155
  .emoji-wysiwyg-editor:active:before,
139
156
  .emoji-wysiwyg-editor:focus:before {
140
- content: none;
157
+ content: none;
141
158
  }
142
159
  .emoji-wysiwyg-editor {
143
- padding: 6px 35px 6px 6px;
144
- margin-bottom: 0;
145
- min-height: 40px;
146
- height: 30px;
147
- max-height: 284px;
148
- overflow: auto;
149
- position: relative;
150
- -moz-appearance: textfield-multiline;
151
- -webkit-appearance: textarea;
152
- resize: both;
153
- line-height: 17px;
154
- border: 1px solid #d2dbe3;
155
- border-radius: 2px;
156
- -webkit-box-shadow: none;
157
- box-shadow: none;
158
- transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
159
- -webkit-user-select: text;
160
- word-wrap: break-word;
160
+ position: relative;
161
+
162
+ height: 30px;
163
+ max-height: 284px;
164
+ min-height: 40px;
165
+ padding: 6px 35px 6px 6px;
166
+ margin-bottom: 0;
167
+ overflow: auto;
168
+
169
+ line-height: 17px;
170
+
171
+ resize: both;
172
+ -webkit-user-select: text;
173
+ transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
174
+ word-wrap: break-word;
175
+
176
+ border: 1px solid #d2dbe3;
177
+ border-radius: 2px;
178
+ -webkit-box-shadow: none;
179
+ box-shadow: none;
180
+
181
+ -webkit-appearance: textarea;
182
+ -moz-appearance: textfield-multiline;
161
183
  }
162
184
  .emoji-menu,
163
185
  svg:not(:root) {
164
- overflow: hidden;
186
+ overflow: hidden;
165
187
  }
166
188
  .emoji-wysiwyg-editor.parent-has-scroll {
167
- padding-right: 40px;
189
+ padding-right: 40px;
168
190
  }
169
191
  .emoji-wysiwyg-editor.single-line-editor {
170
- min-height: 35px;
171
- height: inherit;
192
+ height: inherit;
193
+ min-height: 35px;
172
194
  }
173
195
  .emoji-wysiwyg-editor img {
174
- width: 20px;
175
- height: 20px;
176
- vertical-align: middle;
177
- margin: -3px 0 0;
196
+ width: 20px;
197
+ height: 20px;
198
+ margin: -3px 0 0;
199
+
200
+ vertical-align: middle;
178
201
  }
179
202
  .emoji-menu {
180
- position: absolute;
181
- z-index: 999;
182
- width: 225px;
183
- border: 1px solid #dfdfdf;
184
- -webkit-border-radius: 3px;
185
- -moz-border-radius: 3px;
186
- border-radius: 3px;
187
- -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
188
- -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
189
- box-shadow: 0 1px 1px rgba(0,0,0,.1);
203
+ position: absolute;
204
+ z-index: 999;
205
+
206
+ width: 225px;
207
+
208
+ border: 1px solid #dfdfdf;
209
+ -webkit-border-radius: 3px;
210
+ -moz-border-radius: 3px;
211
+ border-radius: 3px;
212
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
213
+ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
214
+ box-shadow: 0 1px 1px rgba(0,0,0,.1);
190
215
  }
191
216
  .emoji-items-wrap1 {
192
- background: #fff;
193
- padding: 5px 2px 5px 5px;
217
+ padding: 5px 2px 5px 5px;
218
+
219
+ background: #fff;
194
220
  }
195
221
  .emoji-items-wrap1 .emoji-menu-tabs {
196
- width: 100%;
197
- margin-bottom: 8px;
198
- margin-top: 3px;
222
+ width: 100%;
223
+ margin-top: 3px;
224
+ margin-bottom: 8px;
199
225
  }
200
226
  .emoji-items-wrap1 .emoji-menu-tabs td {
201
- text-align: center;
202
- color: #fff;
203
- line-height: 0;
227
+ line-height: 0;
228
+
229
+ text-align: center;
230
+
231
+ color: #fff;
204
232
  }
205
233
  .emoji-menu-tabs .emoji-menu-tab {
206
- display: inline-block;
207
- width: 24px;
208
- height: 29px;
209
- background: image-url("/emoji_picker/IconsetSmiles.png") no-repeat;
210
- background-size: 42px 350px;
211
- border: 0;
234
+ display: inline-block;
235
+ width: 24px;
236
+ height: 29px;
237
+
238
+ border: 0;
239
+ background: image-url("/emoji_picker/IconsetSmiles.png") no-repeat;
240
+ background-size: 42px 350px;
212
241
  }
213
242
  .is_1x .emoji-menu-tabs .emoji-menu-tab {
214
- background-image: image-url("/emoji_picker/IconsetSmiles_1x.png");
243
+ background-image: image-url("/emoji_picker/IconsetSmiles_1x.png");
215
244
  }
216
245
  .emoji-menu-tabs .emoji-menu-tab {
217
246
  display: inline-block;
218
247
  width: 24px;
219
248
  height: 29px;
220
- background: image-url('emoji_picker/IconsetSmiles.png') no-repeat;
221
- background-size: 42px 350px;
249
+
222
250
  border: 0;
251
+ background: image-url("emoji_picker/IconsetSmiles.png") no-repeat;
252
+ background-size: 42px 350px;
223
253
  }
224
254
  .emoji-menu-tabs .icon-recent {
225
- background-position: -9px -306px;
255
+ background-position: -9px -306px;
226
256
  }
227
257
  .emoji-menu-tabs .icon-recent-selected {
228
- background-position: -9px -277px;
258
+ background-position: -9px -277px;
229
259
  }
230
260
  .emoji-menu-tabs .icon-smile {
231
- background-position: -9px -34px;
261
+ background-position: -9px -34px;
232
262
  }
233
263
  .emoji-menu-tabs .icon-smile-selected {
234
- background-position: -9px -5px;
264
+ background-position: -9px -5px;
235
265
  }
236
266
  .emoji-menu-tabs .icon-flower {
237
- background-position: -9px -145px;
267
+ background-position: -9px -145px;
238
268
  }
239
269
  .emoji-menu-tabs .icon-flower-selected {
240
- background-position: -9px -118px;
270
+ background-position: -9px -118px;
241
271
  }
242
272
  .emoji-menu-tabs .icon-bell {
243
- background-position: -9px -89px;
273
+ background-position: -9px -89px;
244
274
  }
245
275
  .emoji-menu-tabs .icon-bell-selected {
246
- background-position: -9px -61px;
276
+ background-position: -9px -61px;
247
277
  }
248
278
  .emoji-menu-tabs .icon-car {
249
- background-position: -9px -196px;
279
+ background-position: -9px -196px;
250
280
  }
251
281
  .emoji-menu-tabs .icon-car-selected {
252
- background-position: -9px -170px;
282
+ background-position: -9px -170px;
253
283
  }
254
284
  .emoji-menu-tabs .icon-grid {
255
- background-position: -9px -248px;
285
+ background-position: -9px -248px;
256
286
  }
257
287
  .emoji-menu-tabs .icon-grid-selected {
258
- background-position: -9px -222px;
288
+ background-position: -9px -222px;
259
289
  }
260
290
  .emoji-menu-tabs .icon-bell,
261
291
  .emoji-menu-tabs .icon-car,
262
292
  .emoji-menu-tabs .icon-flower,
263
293
  .emoji-menu-tabs .icon-grid,
264
294
  .emoji-menu-tabs .icon-smile {
265
- opacity: 0.7;
295
+ opacity: .7;
266
296
  }
267
297
  .emoji-menu-tabs .icon-bell:hover,
268
298
  .emoji-menu-tabs .icon-car:hover,
269
299
  .emoji-menu-tabs .icon-flower:hover,
270
300
  .emoji-menu-tabs .icon-grid:hover,
271
301
  .emoji-menu-tabs .icon-smile:hover {
272
- opacity: 1;
302
+ opacity: 1;
273
303
  }
274
304
  .emoji-menu .emoji-items-wrap {
275
- position: relative;
276
- height: 174px;
305
+ position: relative;
306
+
307
+ height: 174px;
277
308
  }
278
309
  .emoji-menu .emoji-items {
279
- padding-right: 8px;
280
- outline: 0!important;
310
+ padding-right: 8px;
311
+
312
+ outline: 0!important;
281
313
  }
282
314
  .emoji-menu img {
283
- width: 20px;
284
- height: 20px;
285
- vertical-align: middle;
286
- border: 0;
315
+ width: 20px;
316
+ height: 20px;
317
+
318
+ vertical-align: middle;
319
+
320
+ border: 0;
287
321
  }
288
322
  .emoji-menu .emoji-items a {
289
- margin: -1px 0 0 -1px;
290
- padding: 5px;
291
- display: block;
292
- float: left;
293
- border-radius: 2px;
294
- border: 0;
323
+ display: block;
324
+ float: left;
325
+ padding: 5px;
326
+ margin: -1px 0 0 -1px;
327
+
328
+ border: 0;
329
+ border-radius: 2px;
295
330
  }
296
331
  .emoji-menu .emoji-items a:hover {
297
- background-color: #edf2f5;
332
+ background-color: #edf2f5;
298
333
  }
299
334
  .emoji-menu:after {
300
- content: ' ';
301
- display: block;
302
- clear: left;
335
+ display: block;
336
+ clear: left;
337
+
338
+ content: " ";
303
339
  }
304
340
  .emoji-menu a .label,
305
341
  [hidden],
306
342
  template {
307
- display: none;
343
+ display: none;
308
344
  }
309
345
  #emoji-wrapper {
310
- width: 350px;
311
- height: 300px;
312
- margin-left: 200px;
313
- background-color: #fff;
314
- padding: 4px 1px 0;
315
- border: 1px solid rgba(0,0,0,.17);
316
- top: 0;
317
- bottom: 0;
318
- position: fixed;
319
- overflow-y: scroll;
320
- overflow-x: hidden;
346
+ position: fixed;
347
+ top: 0;
348
+ bottom: 0;
349
+
350
+ width: 350px;
351
+ height: 300px;
352
+ padding: 4px 1px 0;
353
+ margin-left: 200px;
354
+ overflow-x: hidden;
355
+ overflow-y: scroll;
356
+
357
+ border: 1px solid rgba(0,0,0,.17);
358
+ background-color: #fff;
321
359
  }
322
360
  #open-emoji-panel img,
323
361
  .emoji,
324
362
  .emoji-basic,
325
363
  .emoji-image,
326
364
  .emoji-show {
327
- width: 20px;
328
- height: 20px;
329
- vertical-align: middle;
365
+ width: 20px;
366
+ height: 20px;
367
+
368
+ vertical-align: middle;
330
369
  }
331
370
  .label,
332
371
  sub,
333
372
  sup {
334
- vertical-align: baseline;
373
+ vertical-align: baseline;
335
374
  }
336
375
  .emoji {
337
- margin: 5px;
376
+ margin: 5px;
338
377
  }
339
378
  #emoji-wrapper::-webkit-scrollbar {
340
- width: 12px;
379
+ width: 12px;
341
380
  }
342
381
  #emoji-wrapper::-webkit-scrollbar-track {
343
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
344
- border-radius: 10px;
382
+ border-radius: 10px;
383
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
345
384
  }
346
385
  #emoji-wrapper::-webkit-scrollbar-thumb {
347
- border-radius: 10px;
348
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
349
- }
350
- #notice {
351
- color: green;
352
- }
353
- .field_with_errors {
354
- padding: 2px;
355
- background-color: red;
356
- display: table;
357
- }
358
- #error_explanation {
359
- width: 450px;
360
- border: 2px solid red;
361
- padding: 7px 7px 0;
362
- margin-bottom: 20px;
363
- background-color: #f0f0f0;
364
- }
365
- #error_explanation h2 {
366
- text-align: left;
367
- font-weight: 700;
368
- padding: 5px 5px 5px 15px;
369
- font-size: 12px;
370
- margin: -7px -7px 0;
371
- background-color: #c00;
372
- color: #fff;
373
- }
374
- #error_explanation ul li {
375
- font-size: 12px;
376
- list-style: square;
377
- }
378
- .form-group {
379
- position: relative;
386
+ border-radius: 10px;
387
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
380
388
  }
@@ -1,3 +1,3 @@
1
1
  module UrijiEmojiPicker
2
- VERSION = '1.0.0'.freeze
2
+ VERSION = '1.0.1'.freeze
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: uriji_emoji_picker
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Carlos Serrada
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2018-11-09 00:00:00.000000000 Z
11
+ date: 2018-11-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: emoji