inviton-powerduck 0.0.87 → 0.0.89
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PortalUtils } from "./utils";
|
|
2
2
|
|
|
3
3
|
export default class DropdownUtils {
|
|
4
|
-
static bindDropdownOverflowHack(selector: string, cacheKey: string, hide: boolean): void {
|
|
4
|
+
static bindDropdownOverflowHack(selector: string, cacheKey: string, clonedRootCssClass: string, hide: boolean): void {
|
|
5
5
|
if (DropdownUtils[cacheKey] == null) {
|
|
6
6
|
DropdownUtils[cacheKey] = true;
|
|
7
7
|
|
|
@@ -30,11 +30,15 @@ export default class DropdownUtils {
|
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
thisDropdownCopy.find('button').addClass('show');
|
|
34
|
+
thisDropdownCopy.find('.dropdown-menu').addClass('show');
|
|
35
|
+
thisDropdownCopy.addClass(clonedRootCssClass);
|
|
36
|
+
|
|
33
37
|
$("body").append(
|
|
34
38
|
thisDropdownCopy.addClass(randomId + " show").css({
|
|
35
39
|
position: "absolute",
|
|
36
40
|
left: thisDropdown.offset().left,
|
|
37
|
-
top: thisDropdown.offset().top
|
|
41
|
+
top: thisDropdown.offset().top,
|
|
38
42
|
}),
|
|
39
43
|
);
|
|
40
44
|
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
display: block;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.dt-table.dt-table-mode table
|
|
66
|
-
.dt-table.dt-table-mode table
|
|
65
|
+
.dt-table.dt-table-mode table>thead>tr.dt-header th,
|
|
66
|
+
.dt-table.dt-table-mode table>thead>tr.dt-header-filter th {
|
|
67
67
|
z-index: 39;
|
|
68
68
|
cursor: pointer;
|
|
69
69
|
font-weight: 400;
|
|
@@ -79,20 +79,26 @@
|
|
|
79
79
|
border-bottom: 0;
|
|
80
80
|
letter-spacing: -0.5px;
|
|
81
81
|
background: white;
|
|
82
|
-
-webkit-touch-callout: none;
|
|
83
|
-
|
|
84
|
-
-
|
|
85
|
-
|
|
86
|
-
-
|
|
87
|
-
|
|
82
|
+
-webkit-touch-callout: none;
|
|
83
|
+
/* iOS Safari */
|
|
84
|
+
-webkit-user-select: none;
|
|
85
|
+
/* Safari */
|
|
86
|
+
-khtml-user-select: none;
|
|
87
|
+
/* Konqueror HTML */
|
|
88
|
+
-moz-user-select: none;
|
|
89
|
+
/* Firefox */
|
|
90
|
+
-ms-user-select: none;
|
|
91
|
+
/* Internet Explorer/Edge */
|
|
92
|
+
user-select: none;
|
|
93
|
+
/* Non-prefixed version, currently
|
|
88
94
|
supported by Chrome and Opera */
|
|
89
95
|
}
|
|
90
96
|
|
|
91
|
-
.dt-table.dt-table-mode table
|
|
97
|
+
.dt-table.dt-table-mode table>thead>tr.dt-header th.dt-header-notsortable {
|
|
92
98
|
cursor: default;
|
|
93
99
|
}
|
|
94
100
|
|
|
95
|
-
.dt-table.dt-table-mode table
|
|
101
|
+
.dt-table.dt-table-mode table>tbody .dt-col-indexlabel {
|
|
96
102
|
background: #0075bf;
|
|
97
103
|
color: #fff;
|
|
98
104
|
width: 25px;
|
|
@@ -107,16 +113,16 @@
|
|
|
107
113
|
font-weight: 400;
|
|
108
114
|
}
|
|
109
115
|
|
|
110
|
-
.dt-table.dt-table-mode table
|
|
116
|
+
.dt-table.dt-table-mode table>tbody>tr {
|
|
111
117
|
transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
112
118
|
will-change: background;
|
|
113
119
|
}
|
|
114
120
|
|
|
115
|
-
.dt-table.dt-table-mode table
|
|
121
|
+
.dt-table.dt-table-mode table>tbody>tr:hover {
|
|
116
122
|
background: #eee;
|
|
117
123
|
}
|
|
118
124
|
|
|
119
|
-
.dt-table.dt-table-mode table
|
|
125
|
+
.dt-table.dt-table-mode table>tbody>tr>td {
|
|
120
126
|
border: 0;
|
|
121
127
|
border-bottom: 1px solid #efefef;
|
|
122
128
|
color: #2c2c2c;
|
|
@@ -127,20 +133,20 @@
|
|
|
127
133
|
background: white;
|
|
128
134
|
}
|
|
129
135
|
|
|
130
|
-
.dt-table.dt-table-mode table
|
|
136
|
+
.dt-table.dt-table-mode table>tbody>tr>td.dt-no-results {
|
|
131
137
|
border-bottom: 0;
|
|
132
138
|
}
|
|
133
139
|
|
|
134
|
-
.dt-table.dt-table-mode table
|
|
140
|
+
.dt-table.dt-table-mode table>tbody>tr:nth-child(even)>td {
|
|
135
141
|
background: #fbfbfb;
|
|
136
142
|
}
|
|
137
143
|
|
|
138
144
|
.dt-table.dt-table-mode .dt-filter-input .form-control {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
145
|
+
background-color: #fff;
|
|
146
|
+
border: 0px;
|
|
147
|
+
font-size: 11px !important;
|
|
148
|
+
padding: 0;
|
|
149
|
+
min-height: 21.5px;
|
|
144
150
|
}
|
|
145
151
|
|
|
146
152
|
.dt-table.dt-table-mode input.dt-filter-input,
|
|
@@ -228,7 +234,7 @@
|
|
|
228
234
|
display: none;
|
|
229
235
|
}
|
|
230
236
|
|
|
231
|
-
.dt-table.dt-table-mode .select2-container.select2-container--default.select2-container--open
|
|
237
|
+
.dt-table.dt-table-mode .select2-container.select2-container--default.select2-container--open>.select2-dropdown {
|
|
232
238
|
border-color: #d8d8d8;
|
|
233
239
|
}
|
|
234
240
|
|
|
@@ -353,7 +359,7 @@
|
|
|
353
359
|
display: none;
|
|
354
360
|
}
|
|
355
361
|
|
|
356
|
-
.dt-top .dt-buttons .dt-button
|
|
362
|
+
.dt-top .dt-buttons .dt-button>span>i.now-ui-icons {
|
|
357
363
|
transform: translateY(2px);
|
|
358
364
|
}
|
|
359
365
|
|
|
@@ -390,11 +396,11 @@
|
|
|
390
396
|
z-index: 59 !important;
|
|
391
397
|
}
|
|
392
398
|
|
|
393
|
-
.dt-massop-btn-wrap
|
|
399
|
+
.dt-massop-btn-wrap>.dropdown {
|
|
394
400
|
display: inline-block;
|
|
395
401
|
}
|
|
396
402
|
|
|
397
|
-
td.dt-col-index .dt-selection-checkbox
|
|
403
|
+
td.dt-col-index .dt-selection-checkbox>.form-group,
|
|
398
404
|
th.dt-header-index .dt-header-indexcheckbox {
|
|
399
405
|
position: absolute;
|
|
400
406
|
top: 0;
|
|
@@ -406,7 +412,7 @@ th.dt-header-index .dt-header-indexcheckbox {
|
|
|
406
412
|
left: 13px;
|
|
407
413
|
}
|
|
408
414
|
|
|
409
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
415
|
+
.dt-skin-compact .dt-table.dt-table-mode table>tbody>tr>td.dt-col-index .dt-selection-checkbox>.form-group {
|
|
410
416
|
top: -12px;
|
|
411
417
|
}
|
|
412
418
|
|
|
@@ -427,10 +433,6 @@ th.dt-header-index .dt-header-indexcheckbox {
|
|
|
427
433
|
right: 0;
|
|
428
434
|
}
|
|
429
435
|
|
|
430
|
-
body > .dropdown > .btn.btn-sm {
|
|
431
|
-
font-size: 10.4px;
|
|
432
|
-
}
|
|
433
|
-
|
|
434
436
|
.dt-root.dt-breakpoint-desktop tbody .dropdown .dropdown-menu {
|
|
435
437
|
display: none;
|
|
436
438
|
}
|
|
@@ -439,11 +441,11 @@ body > .dropdown > .btn.btn-sm {
|
|
|
439
441
|
display: none;
|
|
440
442
|
}
|
|
441
443
|
|
|
442
|
-
.dt-table.dt-table-mode table
|
|
444
|
+
.dt-table.dt-table-mode table>tbody>tr>td {
|
|
443
445
|
transition: background 150ms ease-in;
|
|
444
446
|
}
|
|
445
447
|
|
|
446
|
-
.dt-table.dt-table-mode table
|
|
448
|
+
.dt-table.dt-table-mode table>tbody>tr:hover>td {
|
|
447
449
|
background: #eaeaea;
|
|
448
450
|
}
|
|
449
451
|
|
|
@@ -490,8 +492,8 @@ body > .dropdown > .btn.btn-sm {
|
|
|
490
492
|
justify-content: center;
|
|
491
493
|
}
|
|
492
494
|
|
|
493
|
-
.dt-pagination-length
|
|
494
|
-
.dt-pagination-length
|
|
495
|
+
.dt-pagination-length>span,
|
|
496
|
+
.dt-pagination-length>span {
|
|
495
497
|
font-size: 9px;
|
|
496
498
|
position: absolute;
|
|
497
499
|
left: 0px;
|
|
@@ -507,27 +509,28 @@ body > .dropdown > .btn.btn-sm {
|
|
|
507
509
|
display: none;
|
|
508
510
|
}
|
|
509
511
|
}
|
|
512
|
+
|
|
510
513
|
/*
|
|
511
514
|
Compact mode - front is smaller and narrower
|
|
512
515
|
*/
|
|
513
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
514
|
-
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table
|
|
516
|
+
.dt-skin-compact .dt-table.dt-table-mode table>thead>tr.dt-header th,
|
|
517
|
+
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table>thead>tr.dt-header th {
|
|
515
518
|
font-family: "BenchNine";
|
|
516
519
|
font-weight: 100;
|
|
517
520
|
text-transform: capitalize;
|
|
518
521
|
font-size: 13px;
|
|
519
522
|
}
|
|
520
523
|
|
|
521
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
522
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
523
|
-
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table
|
|
524
|
-
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table
|
|
524
|
+
.dt-skin-compact .dt-table.dt-table-mode table>thead>tr.dt-header th,
|
|
525
|
+
.dt-skin-compact .dt-table.dt-table-mode table>thead>tr.dt-header-filter th,
|
|
526
|
+
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table>thead>tr.dt-header th,
|
|
527
|
+
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table>thead>tr.dt-header-filter th {
|
|
525
528
|
padding-left: 4px;
|
|
526
529
|
padding-right: 4px;
|
|
527
530
|
}
|
|
528
531
|
|
|
529
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
530
|
-
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table
|
|
532
|
+
.dt-skin-compact .dt-table.dt-table-mode table>tbody>tr>td,
|
|
533
|
+
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table>tbody>tr>td {
|
|
531
534
|
font-weight: 400;
|
|
532
535
|
text-transform: none;
|
|
533
536
|
font-size: 11px;
|
|
@@ -536,8 +539,8 @@ body > .dropdown > .btn.btn-sm {
|
|
|
536
539
|
color: #6d6d6d;
|
|
537
540
|
}
|
|
538
541
|
|
|
539
|
-
.dt-skin-compact .dt-table.dt-table-mode table
|
|
540
|
-
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table
|
|
542
|
+
.dt-skin-compact .dt-table.dt-table-mode table>tbody .dt-col-indexlabel,
|
|
543
|
+
.dt-breakpoint-mobile.dt-mobbehavior-compact .dt-table.dt-table-mode table>tbody .dt-col-indexlabel {
|
|
541
544
|
width: 18px;
|
|
542
545
|
height: 18px;
|
|
543
546
|
font-size: 9px;
|
|
@@ -563,9 +566,9 @@ body > .dropdown > .btn.btn-sm {
|
|
|
563
566
|
.dt-skin-compact .pagination .page-item .page-link,
|
|
564
567
|
.dt-breakpoint-mobile.dt-mobbehavior-compact .pagination .page-item .page-link {
|
|
565
568
|
min-width: 16px;
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
+
height: 20px;
|
|
570
|
+
line-height: 20px;
|
|
571
|
+
font-size: 11px;
|
|
569
572
|
}
|
|
570
573
|
|
|
571
574
|
.dt-skin-compact .dt-col-indexcheckbox {
|
|
@@ -574,7 +577,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
574
577
|
height: auto;
|
|
575
578
|
}
|
|
576
579
|
|
|
577
|
-
.dt-skin-compact .dt-selection-checkbox
|
|
580
|
+
.dt-skin-compact .dt-selection-checkbox>div {
|
|
578
581
|
position: absolute;
|
|
579
582
|
top: -10px;
|
|
580
583
|
left: 0;
|
|
@@ -585,7 +588,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
585
588
|
position: relative;
|
|
586
589
|
}
|
|
587
590
|
|
|
588
|
-
.dt-skin-compact .dt-header-indexcheckbox
|
|
591
|
+
.dt-skin-compact .dt-header-indexcheckbox>div {
|
|
589
592
|
position: absolute;
|
|
590
593
|
z-index: 2;
|
|
591
594
|
left: 7px;
|
|
@@ -597,7 +600,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
597
600
|
position: relative;
|
|
598
601
|
}
|
|
599
602
|
|
|
600
|
-
.header-filter-cell.dt-filtertype-dropdown
|
|
603
|
+
.header-filter-cell.dt-filtertype-dropdown>.dt-filter-dropdown {
|
|
601
604
|
position: absolute;
|
|
602
605
|
top: -2px;
|
|
603
606
|
left: 9px;
|
|
@@ -605,33 +608,34 @@ body > .dropdown > .btn.btn-sm {
|
|
|
605
608
|
z-index: 2;
|
|
606
609
|
}
|
|
607
610
|
|
|
608
|
-
.header-filter-cell.dt-filtertype-dropdown
|
|
611
|
+
.header-filter-cell.dt-filtertype-dropdown>.dt-filter-dropdown>.form-group {
|
|
609
612
|
margin-bottom: 0;
|
|
610
613
|
}
|
|
611
614
|
|
|
612
615
|
.header-filter-cell .input-group .input-group-text {
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
616
|
+
width: auto;
|
|
617
|
+
min-height: auto;
|
|
618
|
+
padding: 0px 3px;
|
|
619
|
+
margin: auto 0;
|
|
620
|
+
background-color: inherit;
|
|
621
|
+
border: inherit;
|
|
622
|
+
vertical-align: middle;
|
|
620
623
|
}
|
|
621
624
|
|
|
622
|
-
.dt-table.dt-table-mode table
|
|
623
|
-
.dt-table.dt-table-mode table
|
|
625
|
+
.dt-table.dt-table-mode table>thead>tr.dt-header th .dt-filter-dropdown,
|
|
626
|
+
.dt-table.dt-table-mode table>thead>tr.dt-header-filter th .dt-filter-dropdown {
|
|
624
627
|
text-transform: none;
|
|
625
628
|
}
|
|
626
629
|
|
|
627
|
-
.dt-skin-compact .header-filter-cell.dt-filtertype-dropdown
|
|
628
|
-
.dt-mobbehavior-compact .header-filter-cell.dt-filtertype-dropdown
|
|
630
|
+
.dt-skin-compact .header-filter-cell.dt-filtertype-dropdown>.dt-filter-dropdown,
|
|
631
|
+
.dt-mobbehavior-compact .header-filter-cell.dt-filtertype-dropdown>.dt-filter-dropdown {
|
|
629
632
|
left: 4px;
|
|
630
633
|
}
|
|
631
634
|
|
|
632
|
-
.dt-device-desktop.dt-skin-default .header-filter-cell.dt-filtertype-dropdown
|
|
635
|
+
.dt-device-desktop.dt-skin-default .header-filter-cell.dt-filtertype-dropdown>.dt-filter-dropdown {
|
|
633
636
|
left: 5px;
|
|
634
637
|
}
|
|
638
|
+
|
|
635
639
|
/*
|
|
636
640
|
Vertical transform - items displayed as blocks
|
|
637
641
|
*/
|
|
@@ -680,6 +684,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
680
684
|
width: 58%;
|
|
681
685
|
display: inline-block;
|
|
682
686
|
}
|
|
687
|
+
|
|
683
688
|
/*
|
|
684
689
|
Mobile mode - some experimental shit
|
|
685
690
|
*/
|
|
@@ -796,11 +801,11 @@ body > .dropdown > .btn.btn-sm {
|
|
|
796
801
|
display: flex;
|
|
797
802
|
}
|
|
798
803
|
|
|
799
|
-
.dt-mobile-filter-rowone
|
|
804
|
+
.dt-mobile-filter-rowone>div {
|
|
800
805
|
flex: 1;
|
|
801
806
|
}
|
|
802
807
|
|
|
803
|
-
.dt-mobile-filter-rowone
|
|
808
|
+
.dt-mobile-filter-rowone>button {
|
|
804
809
|
margin: 0;
|
|
805
810
|
margin-left: 1px;
|
|
806
811
|
}
|
|
@@ -815,6 +820,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
815
820
|
top: 50%;
|
|
816
821
|
margin-top: -15px;
|
|
817
822
|
}
|
|
823
|
+
|
|
818
824
|
/*
|
|
819
825
|
Table sizing
|
|
820
826
|
*/
|
|
@@ -888,48 +894,49 @@ body > .dropdown > .btn.btn-sm {
|
|
|
888
894
|
}
|
|
889
895
|
|
|
890
896
|
@media (max-width: 767px) {
|
|
897
|
+
|
|
891
898
|
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile),
|
|
892
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
893
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
894
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
895
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
896
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
897
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
898
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
899
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
899
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body,
|
|
900
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper,
|
|
901
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel,
|
|
902
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel>.content,
|
|
903
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel>.content>.frm-flex-container,
|
|
904
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel>.content>.frm-flex-container>.frm-flex-child,
|
|
905
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel .card.single-card,
|
|
906
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel .card.single-card>.card-body {
|
|
900
907
|
height: 100%;
|
|
901
908
|
}
|
|
902
909
|
|
|
903
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)
|
|
910
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile)>body>.wrapper>.main-panel .card.single-card {
|
|
904
911
|
height: calc(100% - 6px);
|
|
905
912
|
}
|
|
906
913
|
|
|
907
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile.dt-fullsize-skin-default)
|
|
914
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile:not(.dt-fullsize-beh-mobile.dt-fullsize-skin-default)>body>.wrapper>.main-panel .card.single-card>.card-body {
|
|
908
915
|
padding-bottom: 0;
|
|
909
916
|
}
|
|
910
917
|
|
|
911
|
-
html .has-dt-fullsize.has-dt-fullsize-mobile
|
|
918
|
+
html .has-dt-fullsize.has-dt-fullsize-mobile>body>.wrapper>.main-panel .card.single-card>.card-body .dt-root.dt-fullsize-table {
|
|
912
919
|
height: calc(100% - 10px);
|
|
913
920
|
}
|
|
914
921
|
|
|
915
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile.has-dt-fullsize-ios
|
|
922
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile.has-dt-fullsize-ios>body>.wrapper>.main-panel .card.single-card>.card-body .dt-root.dt-fullsize-table {
|
|
916
923
|
height: 100%;
|
|
917
924
|
}
|
|
918
925
|
|
|
919
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile
|
|
926
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile>body>.wrapper>.main-panel .card.single-card {
|
|
920
927
|
-webkit-overflow-scrolling: touch;
|
|
921
928
|
overflow-y: auto;
|
|
922
929
|
}
|
|
923
930
|
|
|
924
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile
|
|
931
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile>body>.wrapper>.main-panel .card.single-card>.card-body {
|
|
925
932
|
padding-top: 15px;
|
|
926
933
|
}
|
|
927
934
|
|
|
928
|
-
html.has-dt-fullsize.has-dt-fullsize-mobile
|
|
935
|
+
html.has-dt-fullsize.has-dt-fullsize-mobile>body>.wrapper>.main-panel .card.single-card>.card-header {
|
|
929
936
|
display: none;
|
|
930
937
|
}
|
|
931
938
|
|
|
932
|
-
html.has-dt-fullsize
|
|
939
|
+
html.has-dt-fullsize>body>.wrapper>.main-panel .card.single-card>.card-body {
|
|
933
940
|
padding-left: 10px;
|
|
934
941
|
padding-right: 10px;
|
|
935
942
|
overflow-y: auto;
|
|
@@ -949,7 +956,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
949
956
|
}
|
|
950
957
|
|
|
951
958
|
@media (min-width: 768px) {
|
|
952
|
-
.table-upper-buttons-wrap
|
|
959
|
+
.table-upper-buttons-wrap+.dt-root .dt-massop-btn-wrap {
|
|
953
960
|
padding-left: 0;
|
|
954
961
|
padding-top: 5px;
|
|
955
962
|
}
|
|
@@ -958,6 +965,7 @@ body > .dropdown > .btn.btn-sm {
|
|
|
958
965
|
.has-dt-fullsize .dt-root.dt-mobbehavior-mobile.dt-breakpoint-mobile {
|
|
959
966
|
height: auto !important;
|
|
960
967
|
}
|
|
968
|
+
|
|
961
969
|
/*
|
|
962
970
|
iOS hacks
|
|
963
971
|
*/
|
|
@@ -970,10 +978,11 @@ body > .dropdown > .btn.btn-sm {
|
|
|
970
978
|
margin-right: -20% !important;
|
|
971
979
|
margin-bottom: -10px !important;
|
|
972
980
|
}
|
|
981
|
+
|
|
973
982
|
/*
|
|
974
983
|
Other stylings
|
|
975
984
|
*/
|
|
976
|
-
tr.dt-item
|
|
985
|
+
tr.dt-item>td button {
|
|
977
986
|
margin-top: 0;
|
|
978
987
|
margin-bottom: 0;
|
|
979
988
|
}
|
|
@@ -983,6 +992,6 @@ tr.dt-item > td button {
|
|
|
983
992
|
margin-bottom: 1px;
|
|
984
993
|
}
|
|
985
994
|
|
|
986
|
-
.table-upper-buttons-wrap
|
|
995
|
+
.table-upper-buttons-wrap+.dt-static {
|
|
987
996
|
margin-top: 20px;
|
|
988
|
-
}
|
|
997
|
+
}
|
|
@@ -2334,7 +2334,7 @@ class DataTableComponent extends TsxComponent<DataTableArgs> implements DataTabl
|
|
|
2334
2334
|
|
|
2335
2335
|
(function () {
|
|
2336
2336
|
CheckboxUtils.bindTableShiftClick();
|
|
2337
|
-
DropdownUtils.bindDropdownOverflowHack(".dt-root.dt-breakpoint-desktop tbody .dropdown", "dataTableDropdown", false);
|
|
2337
|
+
DropdownUtils.bindDropdownOverflowHack(".dt-root.dt-breakpoint-desktop tbody .dropdown", "dataTableDropdown", "dt-dropdown-button-cloned", false);
|
|
2338
2338
|
})();
|
|
2339
2339
|
|
|
2340
2340
|
const DataTable = toNative(DataTableComponent);
|