tabulator-rails 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +15 -0
  3. data/CHANGELOG.md +2 -0
  4. data/CODE_OF_CONDUCT.md +74 -0
  5. data/Gemfile +6 -0
  6. data/Gemfile.lock +93 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +63 -0
  9. data/Rakefile +6 -0
  10. data/VERSIONS.md +5 -0
  11. data/bin/console +14 -0
  12. data/bin/setup +8 -0
  13. data/lib/tabulator-rails.rb +3 -0
  14. data/lib/tabulator-rails/engine.rb +6 -0
  15. data/lib/tabulator-rails/version.rb +5 -0
  16. data/tabulator-rails.gemspec +38 -0
  17. data/test-app/.gitignore +23 -0
  18. data/test-app/Gemfile +59 -0
  19. data/test-app/Gemfile.lock +210 -0
  20. data/test-app/README.md +24 -0
  21. data/test-app/Rakefile +6 -0
  22. data/test-app/app/assets/config/manifest.js +3 -0
  23. data/test-app/app/assets/images/.keep +0 -0
  24. data/test-app/app/assets/javascripts/application.js +17 -0
  25. data/test-app/app/assets/javascripts/cable.js +13 -0
  26. data/test-app/app/assets/javascripts/channels/.keep +0 -0
  27. data/test-app/app/assets/javascripts/posts.js +28 -0
  28. data/test-app/app/assets/stylesheets/application.css +16 -0
  29. data/test-app/app/assets/stylesheets/posts.scss +3 -0
  30. data/test-app/app/assets/stylesheets/scaffolds.scss +84 -0
  31. data/test-app/app/channels/application_cable/channel.rb +4 -0
  32. data/test-app/app/channels/application_cable/connection.rb +4 -0
  33. data/test-app/app/controllers/application_controller.rb +3 -0
  34. data/test-app/app/controllers/concerns/.keep +0 -0
  35. data/test-app/app/controllers/posts_controller.rb +3 -0
  36. data/test-app/app/helpers/application_helper.rb +2 -0
  37. data/test-app/app/helpers/posts_helper.rb +2 -0
  38. data/test-app/app/jobs/application_job.rb +2 -0
  39. data/test-app/app/mailers/application_mailer.rb +4 -0
  40. data/test-app/app/models/application_record.rb +3 -0
  41. data/test-app/app/models/concerns/.keep +0 -0
  42. data/test-app/app/models/post.rb +2 -0
  43. data/test-app/app/views/layouts/application.html.erb +14 -0
  44. data/test-app/app/views/layouts/mailer.html.erb +13 -0
  45. data/test-app/app/views/layouts/mailer.text.erb +1 -0
  46. data/test-app/app/views/posts/index.html.erb +3 -0
  47. data/test-app/bin/bundle +3 -0
  48. data/test-app/bin/rails +9 -0
  49. data/test-app/bin/rake +9 -0
  50. data/test-app/bin/setup +38 -0
  51. data/test-app/bin/spring +17 -0
  52. data/test-app/bin/update +29 -0
  53. data/test-app/bin/yarn +11 -0
  54. data/test-app/config.ru +5 -0
  55. data/test-app/config/application.rb +18 -0
  56. data/test-app/config/boot.rb +3 -0
  57. data/test-app/config/cable.yml +10 -0
  58. data/test-app/config/database.yml +25 -0
  59. data/test-app/config/environment.rb +5 -0
  60. data/test-app/config/environments/development.rb +54 -0
  61. data/test-app/config/environments/production.rb +91 -0
  62. data/test-app/config/environments/test.rb +42 -0
  63. data/test-app/config/initializers/application_controller_renderer.rb +8 -0
  64. data/test-app/config/initializers/assets.rb +14 -0
  65. data/test-app/config/initializers/backtrace_silencers.rb +7 -0
  66. data/test-app/config/initializers/cookies_serializer.rb +5 -0
  67. data/test-app/config/initializers/filter_parameter_logging.rb +4 -0
  68. data/test-app/config/initializers/inflections.rb +16 -0
  69. data/test-app/config/initializers/mime_types.rb +4 -0
  70. data/test-app/config/initializers/wrap_parameters.rb +14 -0
  71. data/test-app/config/locales/en.yml +33 -0
  72. data/test-app/config/puma.rb +56 -0
  73. data/test-app/config/routes.rb +6 -0
  74. data/test-app/config/secrets.yml +32 -0
  75. data/test-app/config/spring.rb +6 -0
  76. data/test-app/db/migrate/20180109155755_create_posts.rb +8 -0
  77. data/test-app/db/schema.rb +20 -0
  78. data/test-app/db/seeds.rb +7 -0
  79. data/test-app/lib/assets/.keep +0 -0
  80. data/test-app/lib/tasks/.keep +0 -0
  81. data/test-app/log/.keep +0 -0
  82. data/test-app/package.json +5 -0
  83. data/test-app/public/404.html +67 -0
  84. data/test-app/public/422.html +67 -0
  85. data/test-app/public/500.html +66 -0
  86. data/test-app/public/apple-touch-icon-precomposed.png +0 -0
  87. data/test-app/public/apple-touch-icon.png +0 -0
  88. data/test-app/public/favicon.ico +0 -0
  89. data/test-app/public/robots.txt +1 -0
  90. data/test-app/test/application_system_test_case.rb +5 -0
  91. data/test-app/test/controllers/.keep +0 -0
  92. data/test-app/test/controllers/posts_controller_test.rb +48 -0
  93. data/test-app/test/fixtures/.keep +0 -0
  94. data/test-app/test/fixtures/files/.keep +0 -0
  95. data/test-app/test/fixtures/posts.yml +11 -0
  96. data/test-app/test/helpers/.keep +0 -0
  97. data/test-app/test/integration/.keep +0 -0
  98. data/test-app/test/mailers/.keep +0 -0
  99. data/test-app/test/models/.keep +0 -0
  100. data/test-app/test/models/post_test.rb +7 -0
  101. data/test-app/test/system/.keep +0 -0
  102. data/test-app/test/system/posts_test.rb +9 -0
  103. data/test-app/test/test_helper.rb +9 -0
  104. data/test-app/tmp/.keep +0 -0
  105. data/test-app/vendor/.keep +0 -0
  106. data/vendor/assets/javascripts/tabulator.js +14581 -0
  107. data/vendor/assets/stylesheets/tabulator.css +535 -0
  108. metadata +195 -0
@@ -0,0 +1,535 @@
1
+ /* Tabulator v3.3.3 (c) Oliver Folkerd */
2
+ .tabulator {
3
+ position: relative;
4
+ border: 1px solid #999;
5
+ background-color: #888;
6
+ font-size: 14px;
7
+ text-align: left;
8
+ overflow: hidden;
9
+ -ms-transform: translatez(0);
10
+ transform: translatez(0);
11
+ }
12
+
13
+ .tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
14
+ min-width: 100%;
15
+ }
16
+
17
+ .tabulator.tabulator-block-select {
18
+ -webkit-user-select: none;
19
+ -moz-user-select: none;
20
+ -ms-user-select: none;
21
+ user-select: none;
22
+ }
23
+
24
+ .tabulator .tabulator-header {
25
+ position: relative;
26
+ box-sizing: border-box;
27
+ width: 100%;
28
+ border-bottom: 1px solid #999;
29
+ background-color: #e6e6e6;
30
+ color: #555;
31
+ font-weight: bold;
32
+ white-space: nowrap;
33
+ overflow: hidden;
34
+ -moz-user-select: none;
35
+ -khtml-user-select: none;
36
+ -webkit-user-select: none;
37
+ -o-user-select: none;
38
+ }
39
+
40
+ .tabulator .tabulator-header .tabulator-col {
41
+ display: inline-block;
42
+ position: relative;
43
+ box-sizing: border-box;
44
+ border-right: 1px solid #aaa;
45
+ background: #e6e6e6;
46
+ text-align: left;
47
+ vertical-align: bottom;
48
+ overflow: hidden;
49
+ }
50
+
51
+ .tabulator .tabulator-header .tabulator-col.tabulator-moving {
52
+ position: absolute;
53
+ border: 1px solid #999;
54
+ background: #cdcdcd;
55
+ pointer-events: none;
56
+ }
57
+
58
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
59
+ position: relative;
60
+ padding: 4px;
61
+ }
62
+
63
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
64
+ box-sizing: border-box;
65
+ width: 100%;
66
+ white-space: nowrap;
67
+ overflow: hidden;
68
+ text-overflow: ellipsis;
69
+ vertical-align: bottom;
70
+ }
71
+
72
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
73
+ box-sizing: border-box;
74
+ width: 100%;
75
+ border: 1px solid #999;
76
+ padding: 1px;
77
+ background: #fff;
78
+ }
79
+
80
+ .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
81
+ display: inline-block;
82
+ position: absolute;
83
+ top: 9px;
84
+ right: 8px;
85
+ width: 0;
86
+ height: 0;
87
+ border-left: 6px solid transparent;
88
+ border-right: 6px solid transparent;
89
+ border-bottom: 6px solid #bbb;
90
+ }
91
+
92
+ .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
93
+ position: relative;
94
+ display: -ms-flexbox;
95
+ display: flex;
96
+ border-top: 1px solid #aaa;
97
+ overflow: hidden;
98
+ }
99
+
100
+ .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols .tabulator-col:last-child {
101
+ margin-right: -1px;
102
+ }
103
+
104
+ .tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
105
+ display: none;
106
+ }
107
+
108
+ .tabulator .tabulator-header .tabulator-col.ui-sortable-helper {
109
+ position: absolute;
110
+ background-color: #e6e6e6 !important;
111
+ border: 1px solid #aaa;
112
+ }
113
+
114
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
115
+ position: relative;
116
+ box-sizing: border-box;
117
+ margin-top: 2px;
118
+ width: 100%;
119
+ text-align: center;
120
+ }
121
+
122
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
123
+ height: auto !important;
124
+ }
125
+
126
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
127
+ margin-top: 3px;
128
+ }
129
+
130
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
131
+ padding-right: 25px;
132
+ }
133
+
134
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
135
+ cursor: pointer;
136
+ background-color: #cdcdcd;
137
+ }
138
+
139
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
140
+ border-top: none;
141
+ border-bottom: 6px solid #bbb;
142
+ }
143
+
144
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
145
+ border-top: none;
146
+ border-bottom: 6px solid #666;
147
+ }
148
+
149
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-arrow {
150
+ border-top: 6px solid #666;
151
+ border-bottom: none;
152
+ }
153
+
154
+ .tabulator .tabulator-header .tabulator-frozen {
155
+ display: inline-block;
156
+ position: absolute;
157
+ z-index: 10;
158
+ }
159
+
160
+ .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
161
+ border-right: 2px solid #aaa;
162
+ }
163
+
164
+ .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
165
+ border-left: 2px solid #aaa;
166
+ }
167
+
168
+ .tabulator .tabulator-header .tabulator-calcs-holder {
169
+ box-sizing: border-box;
170
+ min-width: 200%;
171
+ background: #f3f3f3 !important;
172
+ border-top: 1px solid #aaa;
173
+ border-bottom: 1px solid #aaa;
174
+ overflow: hidden;
175
+ }
176
+
177
+ .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
178
+ background: #f3f3f3 !important;
179
+ }
180
+
181
+ .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
182
+ display: none;
183
+ }
184
+
185
+ .tabulator .tabulator-tableHolder {
186
+ position: relative;
187
+ width: 100%;
188
+ white-space: nowrap;
189
+ overflow: auto;
190
+ -webkit-overflow-scrolling: touch;
191
+ }
192
+
193
+ .tabulator .tabulator-tableHolder:focus {
194
+ outline: none;
195
+ }
196
+
197
+ .tabulator .tabulator-tableHolder .tabulator-placeholder {
198
+ position: absolute;
199
+ box-sizing: border-box;
200
+ display: -ms-flexbox;
201
+ display: flex;
202
+ -ms-flex-align: center;
203
+ align-items: center;
204
+ top: 0;
205
+ left: 0;
206
+ height: 100%;
207
+ width: 100%;
208
+ }
209
+
210
+ .tabulator .tabulator-tableHolder .tabulator-placeholder span {
211
+ display: inline-block;
212
+ margin: 0 auto;
213
+ padding: 10px;
214
+ color: #ccc;
215
+ font-weight: bold;
216
+ font-size: 20px;
217
+ }
218
+
219
+ .tabulator .tabulator-tableHolder .tabulator-table {
220
+ position: relative;
221
+ display: inline-block;
222
+ background-color: #fff;
223
+ white-space: nowrap;
224
+ overflow: visible;
225
+ color: #333;
226
+ }
227
+
228
+ .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
229
+ font-weight: bold;
230
+ background: #e2e2e2 !important;
231
+ }
232
+
233
+ .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
234
+ border-bottom: 2px solid #aaa;
235
+ }
236
+
237
+ .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
238
+ border-top: 2px solid #aaa;
239
+ }
240
+
241
+ .tabulator .tabulator-row {
242
+ position: relative;
243
+ box-sizing: border-box;
244
+ min-height: 22px;
245
+ background-color: #fff;
246
+ }
247
+
248
+ .tabulator .tabulator-row.tabulator-row-even {
249
+ background-color: #EFEFEF;
250
+ }
251
+
252
+ .tabulator .tabulator-row.tabulator-selectable:hover {
253
+ background-color: #bbb;
254
+ cursor: pointer;
255
+ }
256
+
257
+ .tabulator .tabulator-row.tabulator-selected {
258
+ background-color: #9ABCEA;
259
+ }
260
+
261
+ .tabulator .tabulator-row.tabulator-selected:hover {
262
+ background-color: #769BCC;
263
+ cursor: pointer;
264
+ }
265
+
266
+ .tabulator .tabulator-row.tabulator-row-moving {
267
+ border: 1px solid #000;
268
+ background: #fff;
269
+ }
270
+
271
+ .tabulator .tabulator-row.tabulator-moving {
272
+ position: absolute;
273
+ border-top: 1px solid #aaa;
274
+ border-bottom: 1px solid #aaa;
275
+ pointer-events: none;
276
+ z-index: 15;
277
+ }
278
+
279
+ .tabulator .tabulator-row .tabulator-frozen {
280
+ display: inline-block;
281
+ position: absolute;
282
+ background-color: inherit;
283
+ z-index: 10;
284
+ }
285
+
286
+ .tabulator .tabulator-row .tabulator-frozen.tabulator-frozen-left {
287
+ border-right: 2px solid #aaa;
288
+ }
289
+
290
+ .tabulator .tabulator-row .tabulator-frozen.tabulator-frozen-right {
291
+ border-left: 2px solid #aaa;
292
+ }
293
+
294
+ .tabulator .tabulator-row .tabulator-cell {
295
+ display: inline-block;
296
+ position: relative;
297
+ box-sizing: border-box;
298
+ padding: 4px;
299
+ border-right: 1px solid #aaa;
300
+ vertical-align: middle;
301
+ white-space: nowrap;
302
+ overflow: hidden;
303
+ text-overflow: ellipsis;
304
+ }
305
+
306
+ .tabulator .tabulator-row .tabulator-cell.tabulator-editing {
307
+ border: 1px solid #1D68CD;
308
+ padding: 0;
309
+ }
310
+
311
+ .tabulator .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator .tabulator-row .tabulator-cell.tabulator-editing select {
312
+ border: 1px;
313
+ background: transparent;
314
+ }
315
+
316
+ .tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail {
317
+ border: 1px solid #dd0000;
318
+ }
319
+
320
+ .tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail select {
321
+ border: 1px;
322
+ background: transparent;
323
+ color: #dd0000;
324
+ }
325
+
326
+ .tabulator .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
327
+ display: none;
328
+ }
329
+
330
+ .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
331
+ display: -ms-inline-flexbox;
332
+ display: inline-flex;
333
+ -ms-flex-align: center;
334
+ align-items: center;
335
+ -moz-user-select: none;
336
+ -khtml-user-select: none;
337
+ -webkit-user-select: none;
338
+ -o-user-select: none;
339
+ }
340
+
341
+ .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
342
+ width: 80%;
343
+ }
344
+
345
+ .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
346
+ width: 100%;
347
+ height: 3px;
348
+ margin: 2px 10% 0 10%;
349
+ background: #666;
350
+ }
351
+
352
+ .tabulator .tabulator-row.tabulator-group {
353
+ box-sizing: border-box;
354
+ border-bottom: 1px solid #999;
355
+ border-right: 1px solid #aaa;
356
+ border-top: 1px solid #999;
357
+ padding: 5px;
358
+ padding-left: 10px;
359
+ background: #ccc;
360
+ font-weight: bold;
361
+ min-width: 100%;
362
+ }
363
+
364
+ .tabulator .tabulator-row.tabulator-group:hover {
365
+ cursor: pointer;
366
+ background-color: rgba(0, 0, 0, 0.1);
367
+ }
368
+
369
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
370
+ margin-right: 10px;
371
+ border-left: 6px solid transparent;
372
+ border-right: 6px solid transparent;
373
+ border-top: 6px solid #666;
374
+ border-bottom: 0;
375
+ }
376
+
377
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-level-1 .tabulator-arrow {
378
+ margin-left: 20px;
379
+ }
380
+
381
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-level-2 .tabulator-arrow {
382
+ margin-left: 40px;
383
+ }
384
+
385
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-level-3 .tabulator-arrow {
386
+ margin-left: 60px;
387
+ }
388
+
389
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-level-4 .tabulator-arrow {
390
+ margin-left: 80px;
391
+ }
392
+
393
+ .tabulator .tabulator-row.tabulator-group.tabulator-group-level-5 .tabulator-arrow {
394
+ margin-left: 1000px;
395
+ }
396
+
397
+ .tabulator .tabulator-row.tabulator-group .tabulator-arrow {
398
+ display: inline-block;
399
+ width: 0;
400
+ height: 0;
401
+ margin-right: 16px;
402
+ border-top: 6px solid transparent;
403
+ border-bottom: 6px solid transparent;
404
+ border-right: 0;
405
+ border-left: 6px solid #666;
406
+ vertical-align: middle;
407
+ }
408
+
409
+ .tabulator .tabulator-row.tabulator-group span {
410
+ margin-left: 10px;
411
+ color: #d00;
412
+ }
413
+
414
+ .tabulator .tabulator-footer {
415
+ padding: 5px 10px;
416
+ border-top: 1px solid #999;
417
+ background-color: #e6e6e6;
418
+ text-align: right;
419
+ color: #555;
420
+ font-weight: bold;
421
+ white-space: nowrap;
422
+ -ms-user-select: none;
423
+ user-select: none;
424
+ -moz-user-select: none;
425
+ -khtml-user-select: none;
426
+ -webkit-user-select: none;
427
+ -o-user-select: none;
428
+ }
429
+
430
+ .tabulator .tabulator-footer .tabulator-calcs-holder {
431
+ box-sizing: border-box;
432
+ width: calc("100% + 20px");
433
+ margin: -5px -10px 5px -10px;
434
+ text-align: left;
435
+ background: #f3f3f3 !important;
436
+ border-bottom: 1px solid #aaa;
437
+ border-top: 1px solid #aaa;
438
+ overflow: hidden;
439
+ }
440
+
441
+ .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
442
+ background: #f3f3f3 !important;
443
+ }
444
+
445
+ .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
446
+ display: none;
447
+ }
448
+
449
+ .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
450
+ margin-bottom: -5px;
451
+ border-bottom: none;
452
+ }
453
+
454
+ .tabulator .tabulator-footer .tabulator-pages {
455
+ margin: 0 7px;
456
+ }
457
+
458
+ .tabulator .tabulator-footer .tabulator-page {
459
+ display: inline-block;
460
+ margin: 0 2px;
461
+ padding: 2px 5px;
462
+ border: 1px solid #aaa;
463
+ border-radius: 3px;
464
+ background: rgba(255, 255, 255, 0.2);
465
+ color: #555;
466
+ font-family: inherit;
467
+ font-weight: inherit;
468
+ font-size: inherit;
469
+ }
470
+
471
+ .tabulator .tabulator-footer .tabulator-page.active {
472
+ color: #d00;
473
+ }
474
+
475
+ .tabulator .tabulator-footer .tabulator-page:disabled {
476
+ opacity: .5;
477
+ }
478
+
479
+ .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
480
+ cursor: pointer;
481
+ background: rgba(0, 0, 0, 0.2);
482
+ color: #fff;
483
+ }
484
+
485
+ .tabulator .tabulator-col-resize-handle {
486
+ position: absolute;
487
+ right: 0;
488
+ top: 0;
489
+ bottom: 0;
490
+ width: 5px;
491
+ }
492
+
493
+ .tabulator .tabulator-col-resize-handle.prev {
494
+ left: 0;
495
+ right: auto;
496
+ }
497
+
498
+ .tabulator .tabulator-col-resize-handle:hover {
499
+ cursor: ew-resize;
500
+ }
501
+
502
+ .tabulator .tablulator-loader {
503
+ position: absolute;
504
+ display: -ms-flexbox;
505
+ display: flex;
506
+ -ms-flex-align: center;
507
+ align-items: center;
508
+ top: 0;
509
+ left: 0;
510
+ z-index: 100;
511
+ height: 100%;
512
+ width: 100%;
513
+ background: rgba(0, 0, 0, 0.4);
514
+ text-align: center;
515
+ }
516
+
517
+ .tabulator .tablulator-loader .tabulator-loader-msg {
518
+ display: inline-block;
519
+ margin: 0 auto;
520
+ padding: 10px 20px;
521
+ border-radius: 10px;
522
+ background: #fff;
523
+ font-weight: bold;
524
+ font-size: 16px;
525
+ }
526
+
527
+ .tabulator .tablulator-loader .tabulator-loader-msg.tabulator-loading {
528
+ border: 4px solid #333;
529
+ color: #000;
530
+ }
531
+
532
+ .tabulator .tablulator-loader .tabulator-loader-msg.tabulator-error {
533
+ border: 4px solid #D00;
534
+ color: #590000;
535
+ }