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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 234a55fd28908c4ebbd614c73e5ad423ab14f563
|
4
|
+
data.tar.gz: 305ee530f51a71e29dcecdb81893c5eed0eea012
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: eb9c011cd5be85c75f620562c9d11b718f41fa2e298721062a89a1689ea83948f9b3153466db2594f0762471dba3769e881ae045ff038b37916c94580694ae62
|
7
|
+
data.tar.gz: 6d03e4d0d29eee6a821f8c0195ce9c5a58f108f9ed54be85b5074a32621d22ce051b41faf872956008e68c34edc066a2c2ca9fee76c83b87771472e29f8dea5b
|
@@ -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
|
-
|
6
|
-
|
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
|
-
|
13
|
+
cursor: pointer;
|
13
14
|
}
|
14
15
|
.img-responsive,
|
15
16
|
.img-thumbnail,
|
16
17
|
.table,
|
17
18
|
label {
|
18
|
-
|
19
|
+
max-width: 100%;
|
19
20
|
}
|
20
21
|
.nano {
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
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
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
30
|
+
position: absolute;
|
31
|
+
top: 0;
|
32
|
+
right: 0;
|
33
|
+
bottom: 0;
|
32
34
|
}
|
33
35
|
.nano > .nano-content {
|
34
|
-
|
35
|
-
|
36
|
-
|
36
|
+
left: 0;
|
37
|
+
|
38
|
+
overflow: scroll;
|
39
|
+
overflow-x: hidden;
|
37
40
|
}
|
38
41
|
.nano > .nano-content:focus {
|
39
|
-
|
42
|
+
outline: dotted thin;
|
40
43
|
}
|
41
44
|
.nano > .nano-content::-webkit-scrollbar {
|
42
|
-
|
45
|
+
display: none;
|
43
46
|
}
|
44
47
|
.has-scrollbar > .nano-content::-webkit-scrollbar {
|
45
|
-
|
48
|
+
display: block;
|
46
49
|
}
|
47
50
|
.nano > .nano-pane {
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
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
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
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
|
-
|
73
|
-
|
79
|
+
visibility: visible\9;
|
80
|
+
|
81
|
+
opacity: .99;
|
74
82
|
}
|
75
83
|
span.emoji {
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
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
|
-
|
85
|
-
|
86
|
-
|
94
|
+
margin: -2px 0;
|
95
|
+
|
96
|
+
font-size: 1em;
|
97
|
+
line-height: .81em;
|
87
98
|
}
|
88
99
|
span.emoji-outer {
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
100
|
+
display: -moz-inline-box;
|
101
|
+
display: inline-block;
|
102
|
+
width: 1em;
|
103
|
+
height: 1em;
|
93
104
|
}
|
94
105
|
span.emoji-inner {
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
106
|
+
display: -moz-inline-box;
|
107
|
+
display: inline-block;
|
108
|
+
width: 100%;
|
109
|
+
height: 100%;
|
99
110
|
}
|
100
111
|
img.emoji {
|
101
|
-
|
102
|
-
|
112
|
+
width: 1.3em;
|
113
|
+
height: 1.3em;
|
103
114
|
}
|
104
115
|
.emoji-picker-container {
|
105
|
-
|
106
|
-
|
107
|
-
|
116
|
+
position: relative;
|
117
|
+
|
118
|
+
display: inline-block;
|
119
|
+
min-width: 300px;
|
108
120
|
}
|
109
121
|
.emoji-picker-icon {
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
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
|
-
|
142
|
+
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
127
143
|
}
|
128
144
|
.emoji-picker-icon:hover {
|
129
|
-
|
145
|
+
opacity: 1;
|
130
146
|
}
|
131
147
|
.emoji-picker-icon.parent-has-scroll {
|
132
|
-
|
148
|
+
right: 28px;
|
133
149
|
}
|
134
150
|
.emoji-wysiwyg-editor:empty:before {
|
135
|
-
|
136
|
-
|
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
|
-
|
157
|
+
content: none;
|
141
158
|
}
|
142
159
|
.emoji-wysiwyg-editor {
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
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
|
-
|
186
|
+
overflow: hidden;
|
165
187
|
}
|
166
188
|
.emoji-wysiwyg-editor.parent-has-scroll {
|
167
|
-
|
189
|
+
padding-right: 40px;
|
168
190
|
}
|
169
191
|
.emoji-wysiwyg-editor.single-line-editor {
|
170
|
-
|
171
|
-
|
192
|
+
height: inherit;
|
193
|
+
min-height: 35px;
|
172
194
|
}
|
173
195
|
.emoji-wysiwyg-editor img {
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
196
|
+
width: 20px;
|
197
|
+
height: 20px;
|
198
|
+
margin: -3px 0 0;
|
199
|
+
|
200
|
+
vertical-align: middle;
|
178
201
|
}
|
179
202
|
.emoji-menu {
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
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
|
-
|
193
|
-
|
217
|
+
padding: 5px 2px 5px 5px;
|
218
|
+
|
219
|
+
background: #fff;
|
194
220
|
}
|
195
221
|
.emoji-items-wrap1 .emoji-menu-tabs {
|
196
|
-
|
197
|
-
|
198
|
-
|
222
|
+
width: 100%;
|
223
|
+
margin-top: 3px;
|
224
|
+
margin-bottom: 8px;
|
199
225
|
}
|
200
226
|
.emoji-items-wrap1 .emoji-menu-tabs td {
|
201
|
-
|
202
|
-
|
203
|
-
|
227
|
+
line-height: 0;
|
228
|
+
|
229
|
+
text-align: center;
|
230
|
+
|
231
|
+
color: #fff;
|
204
232
|
}
|
205
233
|
.emoji-menu-tabs .emoji-menu-tab {
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
255
|
+
background-position: -9px -306px;
|
226
256
|
}
|
227
257
|
.emoji-menu-tabs .icon-recent-selected {
|
228
|
-
|
258
|
+
background-position: -9px -277px;
|
229
259
|
}
|
230
260
|
.emoji-menu-tabs .icon-smile {
|
231
|
-
|
261
|
+
background-position: -9px -34px;
|
232
262
|
}
|
233
263
|
.emoji-menu-tabs .icon-smile-selected {
|
234
|
-
|
264
|
+
background-position: -9px -5px;
|
235
265
|
}
|
236
266
|
.emoji-menu-tabs .icon-flower {
|
237
|
-
|
267
|
+
background-position: -9px -145px;
|
238
268
|
}
|
239
269
|
.emoji-menu-tabs .icon-flower-selected {
|
240
|
-
|
270
|
+
background-position: -9px -118px;
|
241
271
|
}
|
242
272
|
.emoji-menu-tabs .icon-bell {
|
243
|
-
|
273
|
+
background-position: -9px -89px;
|
244
274
|
}
|
245
275
|
.emoji-menu-tabs .icon-bell-selected {
|
246
|
-
|
276
|
+
background-position: -9px -61px;
|
247
277
|
}
|
248
278
|
.emoji-menu-tabs .icon-car {
|
249
|
-
|
279
|
+
background-position: -9px -196px;
|
250
280
|
}
|
251
281
|
.emoji-menu-tabs .icon-car-selected {
|
252
|
-
|
282
|
+
background-position: -9px -170px;
|
253
283
|
}
|
254
284
|
.emoji-menu-tabs .icon-grid {
|
255
|
-
|
285
|
+
background-position: -9px -248px;
|
256
286
|
}
|
257
287
|
.emoji-menu-tabs .icon-grid-selected {
|
258
|
-
|
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
|
-
|
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
|
-
|
302
|
+
opacity: 1;
|
273
303
|
}
|
274
304
|
.emoji-menu .emoji-items-wrap {
|
275
|
-
|
276
|
-
|
305
|
+
position: relative;
|
306
|
+
|
307
|
+
height: 174px;
|
277
308
|
}
|
278
309
|
.emoji-menu .emoji-items {
|
279
|
-
|
280
|
-
|
310
|
+
padding-right: 8px;
|
311
|
+
|
312
|
+
outline: 0!important;
|
281
313
|
}
|
282
314
|
.emoji-menu img {
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
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
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
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
|
-
|
332
|
+
background-color: #edf2f5;
|
298
333
|
}
|
299
334
|
.emoji-menu:after {
|
300
|
-
|
301
|
-
|
302
|
-
|
335
|
+
display: block;
|
336
|
+
clear: left;
|
337
|
+
|
338
|
+
content: " ";
|
303
339
|
}
|
304
340
|
.emoji-menu a .label,
|
305
341
|
[hidden],
|
306
342
|
template {
|
307
|
-
|
343
|
+
display: none;
|
308
344
|
}
|
309
345
|
#emoji-wrapper {
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
|
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
|
-
|
328
|
-
|
329
|
-
|
365
|
+
width: 20px;
|
366
|
+
height: 20px;
|
367
|
+
|
368
|
+
vertical-align: middle;
|
330
369
|
}
|
331
370
|
.label,
|
332
371
|
sub,
|
333
372
|
sup {
|
334
|
-
|
373
|
+
vertical-align: baseline;
|
335
374
|
}
|
336
375
|
.emoji {
|
337
|
-
|
376
|
+
margin: 5px;
|
338
377
|
}
|
339
378
|
#emoji-wrapper::-webkit-scrollbar {
|
340
|
-
|
379
|
+
width: 12px;
|
341
380
|
}
|
342
381
|
#emoji-wrapper::-webkit-scrollbar-track {
|
343
|
-
|
344
|
-
|
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
|
-
|
348
|
-
|
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
|
}
|
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.
|
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-
|
11
|
+
date: 2018-11-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: emoji
|