@@ -36,17 +36,27 @@ table.dataTable tr.dt-hasChild td.dt-control:before {
3636 border-right : 5px solid transparent
3737}
3838
39+ table .dataTable tfoot : empty {
40+ display : none
41+ }
42+
3943: root [data-bs-theme = dark ] table .dataTable td .dt-control : before ,
44+ : root [data-theme = dark ] table .dataTable td .dt-control : before ,
4045html .dark table .dataTable td .dt-control : before {
4146 border-left-color : rgba (255 , 255 , 255 , .5 )
4247}
4348
4449: root [data-bs-theme = dark ] table .dataTable tr .dt-hasChild td .dt-control : before ,
50+ : root [data-theme = dark ] table .dataTable tr .dt-hasChild td .dt-control : before ,
4551html .dark table .dataTable tr .dt-hasChild td .dt-control : before {
4652 border-top-color : rgba (255 , 255 , 255 , .5 );
4753 border-left-color : transparent
4854}
4955
56+ div .dt-scroll {
57+ width : 100%
58+ }
59+
5060div .dt-scroll-body tfoot tr ,
5161div .dt-scroll-body thead tr {
5262 height : 0
@@ -287,6 +297,13 @@ table.dataTable th {
287297 box-sizing : border-box
288298}
289299
300+ table .dataTable td .dt-type-date ,
301+ table .dataTable td .dt-type-numeric ,
302+ table .dataTable th .dt-type-date ,
303+ table .dataTable th .dt-type-numeric {
304+ text-align : right
305+ }
306+
290307table .dataTable td .dt-left ,
291308table .dataTable th .dt-left {
292309 text-align : left
@@ -318,13 +335,6 @@ table.dataTable th.dt-empty {
318335 vertical-align : top
319336}
320337
321- table .dataTable td .dt-type-date ,
322- table .dataTable td .dt-type-numeric ,
323- table .dataTable th .dt-type-date ,
324- table .dataTable th .dt-type-numeric {
325- text-align : right
326- }
327-
328338table .dataTable tfoot td ,
329339table .dataTable tfoot th ,
330340table .dataTable thead td ,
@@ -437,12 +447,95 @@ table.table.dataTable.table-hover>tbody>tr.selected:hover>* {
437447 box-shadow : inset 0 0 0 9999px rgba (var (--dt-row-selected ), .975 )
438448}
439449
440- div .dt-container div .row {
441- margin-bottom : .75rem
450+ div .dt-container div .dt-layout-row {
451+ display : flex;
452+ justify-content : space-between;
453+ align-items : center;
454+ width : 100% ;
455+ margin : .75em 0
442456}
443457
444- div .dt-container div .row : last-child {
445- margin-bottom : 0
458+ div .dt-container div .dt-layout-row div .dt-layout-cell {
459+ display : flex;
460+ justify-content : space-between;
461+ align-items : center
462+ }
463+
464+ div .dt-container div .dt-layout-row div .dt-layout-cell .dt-layout-start {
465+ justify-content : flex-start;
466+ margin-right : auto
467+ }
468+
469+ div .dt-container div .dt-layout-row div .dt-layout-cell .dt-layout-end {
470+ justify-content : flex-end;
471+ margin-left : auto
472+ }
473+
474+ div .dt-container div .dt-layout-row div .dt-layout-cell : empty {
475+ display : none
476+ }
477+
478+ @media screen and (max-width : 767px ) {
479+ div .dt-container div .dt-layout-row : not (.dt-layout-table ) {
480+ display : block
481+ }
482+
483+ div .dt-container div .dt-layout-row : not (.dt-layout-table ) div .dt-layout-cell {
484+ display : block;
485+ text-align : center
486+ }
487+
488+ div .dt-container div .dt-layout-row : not (.dt-layout-table ) div .dt-layout-cell > * {
489+ margin : .5em 0
490+ }
491+
492+ div .dt-container div .dt-layout-row : not (.dt-layout-table ) div .dt-layout-cell .dt-layout-start {
493+ margin-right : 0
494+ }
495+
496+ div .dt-container div .dt-layout-row : not (.dt-layout-table ) div .dt-layout-cell .dt-layout-end {
497+ margin-left : 0
498+ }
499+ }
500+
501+ div .dt-container div .dt-layout-start > : not (: last-child ) {
502+ margin-right : 1em
503+ }
504+
505+ div .dt-container div .dt-layout-end > : not (: first-child ) {
506+ margin-left : 1em
507+ }
508+
509+ div .dt-container div .dt-layout-full {
510+ width : 100%
511+ }
512+
513+ div .dt-container div .dt-layout-full > : only-child {
514+ margin-left : auto;
515+ margin-right : auto
516+ }
517+
518+ div .dt-container div .dt-layout-table > div {
519+ display : block !important
520+ }
521+
522+ @media screen and (max-width : 767px ) {
523+ div .dt-container div .dt-layout-start > : not (: last-child ) {
524+ margin-right : 0
525+ }
526+
527+ div .dt-container div .dt-layout-end > : not (: first-child ) {
528+ margin-left : 0
529+ }
530+ }
531+
532+ div .dt-container div .dt-layout-row {
533+ width : auto
534+ }
535+
536+ div .dt-container div .dt-layout-row div .dt-layout-cell {
537+ padding-left : 15px ;
538+ padding-right : 15px
446539}
447540
448541div .dt-container div .dt-length label {
@@ -472,7 +565,6 @@ div.dt-container div.dt-search input {
472565}
473566
474567div .dt-container div .dt-info {
475- padding-top : 8px ;
476568 white-space : nowrap
477569}
478570
@@ -5452,5 +5544,9 @@ table.s-lc-export-table th {
54525544}
54535545
54545546.s-lc-event-external {
5455- cursor : default
5547+ cursor : pointer
5548+ }
5549+
5550+ div .dt-container div .dt-layout-row {
5551+ margin : .75em -15px
54565552}
0 commit comments