@k-table/report 1.0.10 → 1.0.12

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.
package/dist/index.css CHANGED
@@ -270,13 +270,32 @@ table.kt-sheet-region-table td {
270
270
  min-height: 0;
271
271
  }
272
272
  .kt-preview--modal .kt-preview-print-bar {
273
- position: sticky;
274
- top: 0;
275
- z-index: 2;
276
- background: var(--kt-forms-preview-host, var(--kt-page-bg, #f2f3f5));
273
+ position: relative;
274
+ flex-shrink: 0;
275
+ z-index: auto;
276
+ height: auto;
277
+ min-height: 40px;
278
+ max-height: none;
279
+ overflow: visible;
280
+ margin-bottom: 0;
281
+ background: var(--kt-forms-chrome-bar, var(--kt-forms-preview-host, #dce8f6));
282
+ border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
283
+ padding: 8px 16px;
284
+ box-sizing: border-box;
285
+ }
286
+ .kt-preview--modal .kt-chrome-meta {
287
+ display: block;
288
+ margin: 0 0 8px;
289
+ line-height: 16px;
290
+ position: relative;
291
+ }
292
+ .kt-preview--modal .kt-preview-body {
293
+ box-sizing: border-box;
294
+ padding: 12px 16px 16px;
277
295
  }
278
296
  .kt-preview--modal .kt-report-preview-host {
279
- padding-top: 8px;
297
+ padding: 8px 0 0;
298
+ background: transparent;
280
299
  }
281
300
  .kt-preview-page-chrome--fill {
282
301
  min-height: 100vh;
@@ -284,6 +303,198 @@ table.kt-sheet-region-table td {
284
303
  display: flex;
285
304
  flex-direction: column;
286
305
  }
306
+ .kt-preview-modal:fullscreen,
307
+ .arco-modal:fullscreen,
308
+ .kt-preview:fullscreen,
309
+ .kt-preview--modal:fullscreen,
310
+ .kt-preview-page-chrome:fullscreen {
311
+ position: fixed !important;
312
+ inset: 0 !important;
313
+ width: 100% !important;
314
+ height: 100% !important;
315
+ max-width: none !important;
316
+ max-height: 100% !important;
317
+ margin: 0 !important;
318
+ top: 0 !important;
319
+ left: 0 !important;
320
+ right: auto !important;
321
+ transform: none !important;
322
+ border-radius: 0 !important;
323
+ display: flex !important;
324
+ flex-direction: column !important;
325
+ box-sizing: border-box !important;
326
+ background: var(--kt-forms-preview-host, #dce8f6);
327
+ }
328
+ .kt-preview-modal:fullscreen,
329
+ .arco-modal:fullscreen {
330
+ overflow: hidden !important;
331
+ }
332
+ .kt-preview-modal:fullscreen .ant-modal-container,
333
+ .kt-mimic-arco-modal .kt-preview-modal:fullscreen .ant-modal-container {
334
+ display: flex !important;
335
+ flex-direction: column !important;
336
+ flex: 1 1 auto !important;
337
+ width: 100% !important;
338
+ height: 100% !important;
339
+ max-height: 100% !important;
340
+ min-height: 0 !important;
341
+ overflow: hidden !important;
342
+ border-radius: 0;
343
+ box-sizing: border-box !important;
344
+ }
345
+ .arco-modal:fullscreen .arco-modal-content {
346
+ display: flex !important;
347
+ flex-direction: column !important;
348
+ flex: 1 1 0% !important;
349
+ width: 100% !important;
350
+ height: auto !important;
351
+ max-height: none !important;
352
+ min-height: 0 !important;
353
+ overflow: hidden !important;
354
+ border-radius: 0;
355
+ box-sizing: border-box !important;
356
+ padding: 0 !important;
357
+ }
358
+ .kt-preview-modal:fullscreen .ant-modal-header,
359
+ .arco-modal:fullscreen .arco-modal-header {
360
+ flex: 0 0 auto !important;
361
+ }
362
+ .kt-preview-modal:fullscreen .ant-modal-body,
363
+ .arco-modal:fullscreen .arco-modal-body {
364
+ display: flex !important;
365
+ flex-direction: column !important;
366
+ flex: 1 1 auto !important;
367
+ height: auto !important;
368
+ max-height: none !important;
369
+ min-height: 0 !important;
370
+ overflow: hidden !important;
371
+ }
372
+ .kt-preview-modal:fullscreen .kt-preview--modal,
373
+ .arco-modal:fullscreen .kt-preview--modal,
374
+ .kt-preview:fullscreen,
375
+ .kt-preview--modal:fullscreen,
376
+ .kt-preview-page-chrome:fullscreen {
377
+ display: flex !important;
378
+ flex-direction: column !important;
379
+ flex: 1 1 0% !important;
380
+ min-height: 0 !important;
381
+ height: auto !important;
382
+ overflow: hidden !important;
383
+ }
384
+ .kt-preview-modal:fullscreen .kt-preview-print-bar,
385
+ .arco-modal:fullscreen .kt-preview-print-bar,
386
+ .kt-preview-page-chrome:fullscreen .kt-preview-print-bar,
387
+ .kt-preview--modal:fullscreen .kt-preview-print-bar {
388
+ flex: 0 0 auto !important;
389
+ }
390
+ .kt-preview-modal:fullscreen .kt-preview-body,
391
+ .arco-modal:fullscreen .kt-preview-body,
392
+ .kt-preview-page-chrome:fullscreen .kt-preview-body,
393
+ .kt-preview--modal:fullscreen .kt-preview-body {
394
+ display: flex !important;
395
+ flex: 1 1 0% !important;
396
+ align-items: stretch !important;
397
+ min-height: 0 !important;
398
+ min-width: 0 !important;
399
+ overflow: hidden !important;
400
+ }
401
+ .kt-preview-modal:fullscreen .kt-preview-main,
402
+ .arco-modal:fullscreen .kt-preview-main,
403
+ .kt-preview-page-chrome:fullscreen .kt-preview-main,
404
+ .kt-preview--modal:fullscreen .kt-preview-main {
405
+ flex: 1 1 auto !important;
406
+ align-self: stretch !important;
407
+ min-width: 0 !important;
408
+ min-height: 0 !important;
409
+ height: 100% !important;
410
+ max-height: 100% !important;
411
+ overflow: auto !important;
412
+ }
413
+ .arco-modal-wrapper:has(.kt-preview--modal) {
414
+ overflow: hidden !important;
415
+ }
416
+ .arco-modal:has(.kt-preview--modal) {
417
+ display: flex !important;
418
+ flex-direction: column !important;
419
+ max-height: calc(100vh - 24px) !important;
420
+ overflow: hidden !important;
421
+ }
422
+ .arco-modal:has(.kt-preview--modal) .arco-modal-header {
423
+ flex: 0 0 auto !important;
424
+ }
425
+ .arco-modal:has(.kt-preview--modal) .arco-modal-content {
426
+ display: flex !important;
427
+ flex-direction: column !important;
428
+ flex: 1 1 0% !important;
429
+ min-height: 0 !important;
430
+ overflow: hidden !important;
431
+ padding: 0 !important;
432
+ }
433
+ .arco-modal:has(.kt-preview--modal) .kt-preview--modal {
434
+ display: flex !important;
435
+ flex-direction: column !important;
436
+ flex: 1 1 0% !important;
437
+ min-height: 0 !important;
438
+ overflow: hidden !important;
439
+ }
440
+ .arco-modal:has(.kt-preview--modal) .kt-preview-print-bar {
441
+ flex: 0 0 auto !important;
442
+ }
443
+ .arco-modal:has(.kt-preview--modal) .kt-preview-body {
444
+ display: flex !important;
445
+ flex: 1 1 0% !important;
446
+ align-items: stretch !important;
447
+ min-height: 0 !important;
448
+ min-width: 0 !important;
449
+ overflow: hidden !important;
450
+ }
451
+ .arco-modal:has(.kt-preview--modal) .kt-preview-main {
452
+ flex: 1 1 auto !important;
453
+ align-self: stretch !important;
454
+ min-width: 0 !important;
455
+ min-height: 0 !important;
456
+ max-height: calc(100vh - 132px) !important;
457
+ overflow: auto !important;
458
+ }
459
+ .kt-preview-modal .ant-modal-body,
460
+ .kt-mimic-arco-modal .kt-preview-modal .ant-modal-body {
461
+ display: flex !important;
462
+ flex-direction: column !important;
463
+ flex: 1 1 auto !important;
464
+ min-height: 0 !important;
465
+ overflow: hidden !important;
466
+ }
467
+ .kt-preview-modal .kt-preview--modal,
468
+ .kt-mimic-arco-modal .kt-preview-modal .kt-preview--modal {
469
+ display: flex !important;
470
+ flex-direction: column !important;
471
+ flex: 1 1 0% !important;
472
+ min-height: 0 !important;
473
+ overflow: hidden !important;
474
+ }
475
+ .kt-preview-modal .kt-preview-print-bar,
476
+ .kt-mimic-arco-modal .kt-preview-modal .kt-preview-print-bar {
477
+ flex: 0 0 auto !important;
478
+ }
479
+ .kt-preview-modal .kt-preview-body,
480
+ .kt-mimic-arco-modal .kt-preview-modal .kt-preview-body {
481
+ display: flex !important;
482
+ flex: 1 1 0% !important;
483
+ align-items: stretch !important;
484
+ min-height: 0 !important;
485
+ min-width: 0 !important;
486
+ overflow: hidden !important;
487
+ }
488
+ .kt-preview-modal .kt-preview-main,
489
+ .kt-mimic-arco-modal .kt-preview-modal .kt-preview-main {
490
+ flex: 1 1 auto !important;
491
+ align-self: stretch !important;
492
+ min-width: 0 !important;
493
+ min-height: 0 !important;
494
+ height: auto !important;
495
+ max-height: none !important;
496
+ overflow: auto !important;
497
+ }
287
498
  .kt-preview-page-chrome--fill .kt-report-preview-host {
288
499
  flex: 1;
289
500
  min-height: 0;