tolk 3.0.2 → 4.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a3b8241abe4dc3fb29b314cc2d10706ed44d87534bfca91938274f22b2efb6c3
4
- data.tar.gz: ece4b7e9dd20ee3729a3ef3151fafd79e1aa24d1d7a87755d868853e3bf93b5e
3
+ metadata.gz: 1fca3085bb13c35ef269e555c2314fd69334ef0b0b143f3a8ed3cae827737346
4
+ data.tar.gz: a4a41860859f8801124a0a7cf5a081aac3c4a59011099a15131de0e7d5a5a75d
5
5
  SHA512:
6
- metadata.gz: a61d50cc51fc2902366b8a3afd1da39fbaebcb9b8ffdde5a7978252b492be160a11c0e6b3561637c750590cb2357ea954a78afe86cfced76c31f225df6ecfa84
7
- data.tar.gz: 8c0f00f1862c654e5d55b59ad6c5579e5ea83068ff8dfe965c8453195f0d599b82ed9266aa032f1b35a8b600626190003b41ee615ccdddc21ced81bac0076867
6
+ metadata.gz: 3fcddfa3b3ffe130191c3586a018a52fa6e42bc83aa3e75d8166956bf86e6c8f68e46657b0c878b02f32c6b8289f9dc97bbd1d79d8e883cf1224157d0572dd99
7
+ data.tar.gz: 2b788d4317956d34ae913b027252cf94e3a7e80ef77de46ec32ebe91fed2b378547e955bcc0f53f983f4b5006de10fd285b5b53ef565f46e1c3cdd55a00cd645
@@ -19,7 +19,7 @@ $(function () {
19
19
  window.onbeforeunload = confirm;
20
20
  });
21
21
 
22
- $("input.save, input.apply").click(function () {
22
+ $("input.save-translations").click(function () {
23
23
  window.onbeforeunload = null;
24
24
  });
25
25
 
@@ -2,7 +2,7 @@ $(function () {
2
2
 
3
3
  // Fit text area height
4
4
  $('.translations textarea').each(function () {
5
- $(this).css({ height: $(this).parent('td').css('height')});
5
+ $(this).css({ height: $(this).parent('td').height()});
6
6
  });
7
7
 
8
8
  // Mark active textarea
@@ -0,0 +1,432 @@
1
+ /**
2
+ * Defaults
3
+ **/
4
+
5
+ *, *:before, *:after {
6
+ -webkit-box-sizing: border-box;
7
+ -moz-box-sizing: border-box;
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ strong {font-weight: bold;}
12
+ em {font-style: italic;}
13
+ a {color: #888;}
14
+ a:hover {color: #000;}
15
+
16
+ /**
17
+ * Variables
18
+ **/
19
+ $primary_color: #2fadcf;
20
+ $font_family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
21
+
22
+ /**
23
+ * Some generic components
24
+ **/
25
+ .btn{
26
+ font-family: $font_family;
27
+ display: inline-block;
28
+
29
+ padding: .25em .5em;
30
+ border-radius: 2px;
31
+
32
+ border: none;
33
+ background-image: linear-gradient($primary_color, darken($primary_color, 4%));
34
+ color: #fff;
35
+ font-size: 1em;
36
+
37
+ cursor: pointer;
38
+ &:hover,
39
+ &:focus{
40
+ background-image: linear-gradient(darken($primary_color, 2%), darken($primary_color, 8%));
41
+ }
42
+ &:focus{
43
+ box-shadow: 0 0 0 3px rgba($primary_color, .5);
44
+ }
45
+
46
+ &.btn--large{
47
+ font-size: 1.25em;
48
+ padding: .5em .75em;
49
+ }
50
+ }
51
+
52
+ select, input{
53
+ font-family: $font_family;
54
+ font-size: 1em;
55
+ }
56
+ input[type='text'],
57
+ textarea{
58
+ font-family: $font_family;
59
+ font-size: 1em;
60
+ padding: .2em .25em;
61
+ border-radius: 2px;
62
+ border: 1px solid #ccc;
63
+ border-top: 1px solid #bbb;
64
+ &:focus{
65
+ box-shadow: 0 0 0 2px rgba($primary_color, .5);
66
+ }
67
+ }
68
+ textarea{
69
+ line-height: 1.4em;
70
+ }
71
+
72
+ /**
73
+ * Base layout
74
+ **/
75
+ body {
76
+ font-family: $font_family;
77
+ background: #e9e9e9;
78
+ color: #333;
79
+ margin: 0;
80
+ padding: 0;
81
+ font-size: 14px;
82
+ line-height: 1.5em;
83
+ text-align: left;
84
+ }
85
+
86
+ .container {
87
+ background: #fff;
88
+ margin: 1rem;
89
+ border-radius: 3px;
90
+ overflow: hidden;
91
+ box-shadow: 0 3px 3px rgba(#000, .1);
92
+ }
93
+
94
+ /**
95
+ * Header
96
+ **/
97
+ header{
98
+ background: #111;
99
+ color: #999;
100
+ padding: 1rem 1.5rem;
101
+
102
+ display: flex;
103
+ justify-content: space-between;
104
+ align-items: center;
105
+
106
+ h1{
107
+ font-size: 1.5em;
108
+ }
109
+ a{
110
+ color: $primary_color;
111
+ text-decoration: none;
112
+ &:hover,
113
+ &:focus{
114
+ color: $primary_color;
115
+ text-decoration: underline;
116
+ }
117
+ &:first-child{
118
+ font-weight: bold;
119
+ }
120
+ }
121
+ }
122
+
123
+ /**
124
+ * Navigation
125
+ **/
126
+ nav{
127
+ background: #333;
128
+ display: flex;
129
+ a{
130
+ color: #ccc;
131
+ padding: 1rem 1.5rem;
132
+ text-decoration: none;
133
+ &:hover,
134
+ &:focus{
135
+ background: #222;
136
+ color: #fff;
137
+ }
138
+ &.current{
139
+ background: $primary_color;
140
+ color: #fff;
141
+ }
142
+ }
143
+ .nav__badge{
144
+ background-color: rgba(#000, .3);
145
+ padding: .25em .6em;
146
+ border-radius: 1em;
147
+ font-size: .75em;
148
+ color: #fff;
149
+ margin-left: .25em;
150
+ }
151
+ }
152
+
153
+ /**
154
+ * Page title
155
+ **/
156
+ h2{
157
+ padding: 1rem 1.5rem;
158
+ font-size: 18px;
159
+ background-color: #f9f9f9;
160
+ color: $primary_color;
161
+ border-bottom: 1px solid #eee;
162
+ small{
163
+ font-size: .75em;
164
+ color: #999;
165
+ }
166
+ }
167
+
168
+ /**
169
+ * Notice
170
+ **/
171
+ .notice {
172
+ background: #ffc;
173
+ color: darken(#ffc, 70%);
174
+ font-size: 1em;
175
+ padding: 1rem 1.5rem;
176
+ border-bottom: 1px solid darken(#ffc, 30%);
177
+ a{
178
+ color: darken(#ffc, 70%);
179
+ &:hover,
180
+ &:focus{
181
+ color: darken(#ffc, 90%);
182
+ }
183
+ }
184
+ }
185
+
186
+ /**
187
+ * Search form
188
+ **/
189
+ .search{
190
+ padding: 1rem 1.5rem;
191
+ background-color: #f9f9f9;
192
+ border-bottom: 1px solid #eee;
193
+ line-height: 2em;
194
+ }
195
+
196
+
197
+ /**
198
+ * Empty state & blankslate
199
+ **/
200
+ .empty-state{
201
+ padding: 3rem 1.5rem;
202
+ text-align: center;
203
+ svg{
204
+ max-height: 200px;
205
+ margin: 2em 0;
206
+ }
207
+ .empty-state__msg{
208
+ font-size: 1.25em;
209
+ color: #aaa;
210
+ }
211
+ form{
212
+ margin-top: 1em;
213
+ }
214
+ }
215
+
216
+
217
+ /**
218
+ * Locales list (locales index)
219
+ **/
220
+ ul.locales-list{
221
+ display: grid;
222
+ padding: 1.5rem 1.5rem;
223
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
224
+ grid-column-gap: 1em;
225
+ grid-row-gap: 1em;
226
+
227
+ a{
228
+ text-decoration: none;
229
+ color: #2fadcf;
230
+ padding: 1.5em 1em;
231
+
232
+ height: 100%;
233
+ display: block;
234
+ text-align: center;
235
+
236
+ border: 1px solid #eee;
237
+ border-radius: 2px;
238
+ span{
239
+ font-size: 1.15em;
240
+ }
241
+ em.missing_translations,
242
+ em.updated_translations{
243
+ font-style: normal;
244
+ background: #ff3860;
245
+ color: #fff;
246
+ font-size: 9px;
247
+ padding: .25em .6em;
248
+ border-radius: 1em;
249
+ line-height: 1em;
250
+ vertical-align: top;
251
+ }
252
+ em.updated_translations{
253
+ background: #ffe857;
254
+ color: rgba(#000,.7);
255
+ }
256
+ &:hover,
257
+ &:focus{
258
+ background-color: #f9f9f9;
259
+ span{
260
+ text-decoration: underline;
261
+ }
262
+ }
263
+ }
264
+
265
+ form{
266
+ border: 1px dashed rgba($primary_color, .5);
267
+ background-color: rgba($primary_color, .025);
268
+ height: 100%;
269
+ display: grid;
270
+ justify-items: center;
271
+ align-items: center;
272
+ padding: 1.5em 1em;
273
+ }
274
+ }
275
+
276
+ /**
277
+ * Translations form
278
+ **/
279
+ div.translations {
280
+ table {
281
+ width: 100%;
282
+ text-align: left;
283
+ }
284
+
285
+ td, th{
286
+ padding: 1rem 1.5rem;
287
+ vertical-align: top;
288
+ width: 50%;
289
+ }
290
+ td{
291
+ color: #222;
292
+ }
293
+ th{
294
+ font-weight: bold;
295
+ text-transform: uppercase;
296
+ color: #aaa;
297
+ border-bottom: 1px solid #ddd;
298
+ padding: 1.5rem 1.5rem .25rem 1.5rem;
299
+ }
300
+
301
+ th.actions,
302
+ td.actions{
303
+ width: 50px;
304
+ text-align: center;
305
+ padding: 12px .5rem;
306
+ }
307
+
308
+ tbody tr:nth-child(2n) td{
309
+ background-color: #fbfbfb;
310
+ }
311
+
312
+ tbody tr.active td:first-child{
313
+ box-shadow: 3px 0px 0px -1px $primary_color inset;
314
+ }
315
+
316
+ textarea.locale {
317
+ width: 100%;
318
+ min-height: 42px;
319
+ }
320
+
321
+ .updated,
322
+ .previous{
323
+ color: #999;
324
+ border-left: 1px solid #ccc;
325
+ margin-bottom: 1.5em;
326
+ padding: 0 0 0 .75em;
327
+ .key{
328
+ margin: 0 0 .5em 0;
329
+ line-height: 13px;
330
+ em{
331
+ color: #999;
332
+ text-transform: uppercase;
333
+ font-size: 9px;
334
+ font-style: normal;
335
+ margin-bottom: .5em;
336
+ border: 1px solid #ccc;
337
+ padding: 2px;
338
+ border-radius: 2px;
339
+ }
340
+ }
341
+ }
342
+ .updated{
343
+ color: #222;
344
+ border-color: orange;
345
+ .key {
346
+ em{
347
+ color: orange;
348
+ border-color: orange;
349
+ }
350
+ }
351
+ }
352
+
353
+ .translation-key{
354
+ color: #aaa;
355
+ font-size: 10px;
356
+ display: block;
357
+ }
358
+
359
+ .original{
360
+ textarea{
361
+ display: none;
362
+ }
363
+
364
+ .interpolation,
365
+ .carriage_return,
366
+ .boolean{
367
+ color: $primary_color;
368
+ font-family: Courier, monospace;
369
+ font-weight: bold;
370
+ cursor: help;
371
+ }
372
+ .carriage_return:before{
373
+ content: "¶";
374
+ }
375
+ }
376
+
377
+ .actions a{
378
+ font-weight: bold;
379
+ text-decoration: none;
380
+ }
381
+
382
+ .actions .warning{
383
+ font-weight: bold;
384
+ font-size: 1.35em;
385
+ color: orange;
386
+ padding: 2px 4px;
387
+ display: none;
388
+ cursor: help;
389
+ }
390
+
391
+ .highlight{
392
+ background-color: yellow;
393
+ }
394
+
395
+ .table_submit{
396
+ background: #f5f5f5;
397
+ border-top: 1px solid #e0e0e0 ;
398
+ padding: 1.5rem;
399
+ display: flex;
400
+ justify-content: space-between;
401
+ align-items: center;
402
+ }
403
+ }
404
+
405
+ /**
406
+ * Pagination
407
+ **/
408
+ .pagination {
409
+ color: #777;
410
+ background: #f5f5f5;
411
+
412
+ a, span, em{
413
+ font-style: normal;
414
+ padding: .25em .75em;
415
+ text-decoration: none;
416
+ border: 1px solid #ddd;
417
+ border-radius: 2px;
418
+ display: inline-block;
419
+ background-color: #fff;
420
+ &.disabled {
421
+ opacity: .5;
422
+ }
423
+ }
424
+
425
+ a:hover,
426
+ a:focus,
427
+ em.current {
428
+ background-color: $primary_color;
429
+ border-color: $primary_color;
430
+ color: #fff;
431
+ }
432
+ }