View | Details | Raw Unified | Return to bug 31754
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss (-138 / +163 lines)
Lines 41-54 table { Link Here
41
                font-size: 60%;
41
                font-size: 60%;
42
                margin: 0 .5em;
42
                margin: 0 .5em;
43
43
44
                &:hover:not(.disabled):active:not(.disabled) {
44
                &:hover:not( .disabled ):active:not( .disabled ) {
45
                    background: transparent none;
45
                    background: transparent none;
46
                    border: 0;
46
                    border: 0;
47
                    box-shadow: none;
47
                    box-shadow: none;
48
                    color: #000;
48
                    color: #000;
49
                }
49
                }
50
50
51
                &:hover:not(.disabled) {
51
                &:hover:not( .disabled ) {
52
                    background: transparent none;
52
                    background: transparent none;
53
                    border: 0;
53
                    border: 0;
54
                    color: #000;
54
                    color: #000;
Lines 76-110 table { Link Here
76
76
77
    &.dataTable {
77
    &.dataTable {
78
        border-collapse: collapse;
78
        border-collapse: collapse;
79
        margin-top: .5em;
80
        margin-bottom: .5em;
79
        margin-bottom: .5em;
80
        margin-top: .5em;
81
81
82
        &.fixedHeader-floating {
82
        &.fixedHeader-floating {
83
            margin-top: 0;
83
            margin-top: 0;
84
        }
84
        }
85
85
86
        &.no-footer {
87
            border: none;
88
        }
89
90
        tfoot {
86
        tfoot {
91
            td,
87
            td,
92
            th {
88
            th {
93
                padding: .5em;
89
                padding: .5em;
94
                border-top: none;
95
            }
90
            }
96
        }
91
        }
97
92
98
        thead {
93
        thead {
99
            th,
94
            th,
100
            td {
95
            td {
96
                border-bottom: 1px solid $table-border-color;
97
                border-left: 1px solid $table-border-color;
101
                padding: .5em;
98
                padding: .5em;
102
                border-bottom: none;
99
100
                &:first-child {
101
                    border-left: 0;
102
                }
103
104
                &:last-child {
105
                    border-right: 0;
106
                }
103
            }
107
            }
104
108
105
            tr {
109
            tr {
106
                background-color: #fff;
107
108
                &.columnFilter {
110
                &.columnFilter {
109
                    th {
111
                    th {
110
                        padding: 0;
112
                        padding: 0;
Lines 113-139 table { Link Here
113
            }
115
            }
114
116
115
            .sorting_asc {
117
            .sorting_asc {
116
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background;
118
                background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+" ) no-repeat scroll right center $table-header-background;
117
                padding-right: 19px;
119
                padding-right: 19px;
118
120
119
                &.fixed_sort {
121
                &.fixed_sort {
120
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
122
                    background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background;
121
                    cursor: default;
123
                    cursor: default;
122
                }
124
                }
123
            }
125
            }
124
126
125
            .sorting_desc {
127
            .sorting_desc {
126
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
128
                background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background;
127
                padding-right: 19px;
129
                padding-right: 19px;
128
130
129
                &.fixed_sort {
131
                &.fixed_sort {
130
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background;
132
                    background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background;
131
                    cursor: default;
133
                    cursor: default;
132
                }
134
                }
133
            }
135
            }
134
136
135
            .sorting {
137
            .sorting {
136
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background;
138
                background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background;
137
                padding-right: 19px;
139
                padding-right: 19px;
138
            }
140
            }
139
        }
141
        }
Lines 150-159 table { Link Here
150
        tr {
152
        tr {
151
            &.odd td {
153
            &.odd td {
152
                background-color: #F3F3F3;
154
                background-color: #F3F3F3;
155
                border: 1px solid $table-border-color;
156
                border-right: 1px solid $table-border-color;
153
            }
157
            }
154
158
155
            &.even td {
159
            &.even td {
156
                background-color: #FFF;
160
                background-color: #FFF;
161
                border-right: 1px solid $table-border-color;
157
            }
162
            }
158
        }
163
        }
159
164
Lines 167-178 table { Link Here
167
172
168
td,
173
td,
169
th {
174
th {
170
    padding: .2em .9em;
175
    border-bottom: 1px solid $table-border-color;
171
    border-left: 1px solid $table-border-color;
176
    border-left: 1px solid $table-border-color;
177
    padding: .2em .9em;
172
178
173
    &:first-child {
179
    &:first-child {
174
        border-left: none;
180
        border-left: none;
175
    }
181
    }
182
183
    &:last-child {
184
        border-right: none;
185
    }
176
}
186
}
177
187
178
td {
188
td {
Lines 183-193 td { Link Here
183
        white-space: nowrap;
193
        white-space: nowrap;
184
    }
194
    }
185
195
186
    &.borderless {
187
        border: 0 none;
188
        border-collapse: separate;
189
    }
190
191
    &.data {
196
    &.data {
192
        font-family: $font-monospace;
197
        font-family: $font-monospace;
193
        text-align: right;
198
        text-align: right;
Lines 211-218 td { Link Here
211
    }
216
    }
212
}
217
}
213
218
214
215
th {
219
th {
220
    background-color: $table-header-background;
216
    font-weight: bold;
221
    font-weight: bold;
217
    text-align: center;
222
    text-align: center;
218
223
Lines 226-232 th { Link Here
226
    }
231
    }
227
}
232
}
228
233
229
230
tr {
234
tr {
231
    &.clickable {
235
    &.clickable {
232
        cursor: pointer;
236
        cursor: pointer;
Lines 273-285 tr { Link Here
273
            background-color: #FFFFCC;
277
            background-color: #FFFFCC;
274
        }
278
        }
275
279
276
        &:nth-child(odd) {
280
        &:nth-child( odd ) {
277
            td {
281
            td {
278
                background-color: #FFFFCC;
282
                background-color: #FFFFCC;
279
            }
283
            }
280
        }
284
        }
281
285
282
        &:nth-child(even) {
286
        &:nth-child( even ) {
283
            td {
287
            td {
284
                background-color: #FFFFCC;
288
                background-color: #FFFFCC;
285
            }
289
            }
Lines 309-315 tr { Link Here
309
            background-color: #FF9090;
313
            background-color: #FF9090;
310
        }
314
        }
311
315
312
        &:nth-child(odd) {
316
        &:nth-child( odd ) {
313
            td {
317
            td {
314
                background-color: #FF9090;
318
                background-color: #FF9090;
315
            }
319
            }
Lines 321-332 tr { Link Here
321
            font-weight: bold;
325
            font-weight: bold;
322
        }
326
        }
323
    }
327
    }
324
    
328
325
    &.debug {
329
    &.debug {
326
        td {
330
        td {
327
            font-weight: bold;
331
            color: #CC0000;
328
            color: red;
329
            font-style: italic;
332
            font-style: italic;
333
            font-weight: bold;
330
        }
334
        }
331
    }
335
    }
332
}
336
}
Lines 362-379 caption { Link Here
362
}
366
}
363
367
364
.warned-row,
368
.warned-row,
365
.warned-row td { background-color: #FF9000 !important }
369
.warned-row td { background-color: #FF9000 !important; }
366
370
367
.high-warned-row,
371
.high-warned-row,
368
.high-warned-row td { background-color: #FF0000 !important }
372
.high-warned-row td { background-color: #FF0000 !important; }
369
373
370
tbody {
374
tbody {
371
    tr {
375
    tr {
372
        &:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) {
376
        &:nth-child( odd ):not( .dtrg-group, .active, .ok ) {
373
            td {
377
            td {
374
                &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) {
378
                &:not( .bg-danger, .bg-warning, .bg-info, .bg-success, .bg-primary ) {
375
                    background-color: $table-odd-row;
379
                    background-color: $table-odd-row;
376
        margin: 1em;
377
                }
380
                }
378
            }
381
            }
379
        }
382
        }
Lines 385-391 tbody { Link Here
385
        background-color: #F4F8F9;
388
        background-color: #F4F8F9;
386
        border: 2px solid #538200;
389
        border: 2px solid #538200;
387
        border-radius: 3px;
390
        border-radius: 3px;
388
        box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2);
391
        box-shadow: 2px 2px 3px 1px rgba( 0, 0, 0, .2 );
389
        color: #333;
392
        color: #333;
390
        height: unset;
393
        height: unset;
391
        left: 50%;
394
        left: 50%;
Lines 406-458 tbody { Link Here
406
    }
409
    }
407
410
408
    .dataTables_length {
411
    .dataTables_length {
409
        float: none;
410
        display: none;
412
        display: none;
413
        float: none;
411
        line-height: 1.5em;
414
        line-height: 1.5em;
412
        padding-right: 1em;
415
        padding-right: 1em;
413
    }
416
    }
414
417
415
    .dataTables_filter {
418
    .dataTables_filter {
416
        float: none;
419
        float: none;
417
        line-height: 1.5em;
418
        padding-right: 1em;
420
        padding-right: 1em;
421
        white-space: nowrap;
422
    }
423
424
    .dt-buttons {
425
        display: flex;
419
    }
426
    }
420
427
421
    .dataTables_paginate {
428
    .dataTables_paginate {
429
        float: none;
422
        line-height: 1.5em;
430
        line-height: 1.5em;
423
        padding: 0;
431
        padding: 0;
424
        padding-right: 1em;
432
        padding-right: 1em;
425
433
426
        span {
434
        span {
427
            .paginate_button {
435
            .paginate_button,
436
            .ellipsis {
428
                display: none;
437
                display: none;
429
            }
438
            }
430
        }
439
        }
431
440
432
        .paginate_button {
441
        .paginate_button {
442
            border-radius: 4px;
443
            color: #004D99 !important;
433
            padding-bottom: 0;
444
            padding-bottom: 0;
434
            padding-top: 0;
445
            padding-top: 0;
435
446
436
437
            &.current,
438
            &:hover,
447
            &:hover,
439
            &:active {
448
            &:active {
440
                border-radius: 4px;
449
                background: #FFC none;
441
                color: #666 !important;
450
                border: 1px solid transparent;
451
                box-shadow: none;
452
                color: #222BAC !important;
453
            }
454
455
            &.current {
456
                background: lighten( saturate( $background-color-secondary, 7 ), 37 ) none;
457
                border: 0;
458
                color: #666;
442
                font-weight: bold;
459
                font-weight: bold;
443
                background: #fff;
460
461
                &:hover,
462
                &:active {
463
                    background: lighten( saturate( $background-color-secondary, 7 ), 45 ) none;
464
                    border: 0;
465
                    box-shadow: none;
466
                    color: #666;
467
                    cursor: default;
468
                }
444
            }
469
            }
445
470
446
            &.first,
471
            &.first,
447
            &.previous,
472
            &.previous,
448
            &.next,
473
            &.next,
449
            &.last {
474
            &.last {
450
                padding: 0;
451
452
                &::before,
475
                &::before,
453
                &::after {
476
                &::after {
454
                    display: inline-block;
477
                    display: inline-block;
455
                    font-family: FontAwesome;
478
                    font-family: FontAwesome;
479
                    width: 1em;
456
                }
480
                }
457
            }
481
            }
458
482
Lines 461-478 tbody { Link Here
461
485
462
                &::before {
486
                &::before {
463
                    content: "\f100";
487
                    content: "\f100";
488
                    padding-right: .5em;
464
                }
489
                }
465
            }
490
            }
466
491
467
            &.previous {
492
            &.previous {
468
                &::before {
493
                &::before {
469
                    content: "\f104";
494
                    content: "\f104";
495
                    padding-right: .5em;
470
                }
496
                }
471
            }
497
            }
472
498
473
            &.next {
499
            &.next {
474
                &::after {
500
                &::after {
475
                    content: "\f105";
501
                    content: "\f105";
502
                    padding-left: .5em;
476
                }
503
                }
477
            }
504
            }
478
505
Lines 481-583 tbody { Link Here
481
508
482
                &::after {
509
                &::after {
483
                    content: "\f101";
510
                    content: "\f101";
511
                    padding-left: .5em;
484
                }
512
                }
485
            }
513
            }
486
        }
514
        }
487
    }
515
    }
488
}
516
}
489
517
518
.dt-info {
519
    margin-top: .5em;
520
}
521
522
.dt-info + .pager {
523
    border-top: 1px solid $table-border-color;
524
    margin-top: .3em;
525
}
526
490
.pager {
527
.pager {
491
    display: flex;
528
    display: flex;
529
    flex-wrap: wrap;
492
    font-size: 90%;
530
    font-size: 90%;
493
531
494
    &.top {
532
    &.top {
495
        padding: 1em 0;
533
        // border-top: 1px solid $table-border-color;
496
        margin-top: 1em;
534
        padding-top: 1em;
497
        margin-bottom:  17px;
498
    }
535
    }
499
536
500
    &.bottom {
537
    &.bottom {
538
        border-bottom: 1px solid $table-border-color;
501
        padding-bottom: 1em;
539
        padding-bottom: 1em;
502
        display: none;
503
    }
540
    }
504
541
505
    div.dt-buttons {
542
    button,
506
        flex-grow: 1;
543
    div,
507
        display: flex;
544
    a {
508
545
        &.dt-button {
509
        button:first-of-type {
546
            background: transparent none;
510
            margin-right: auto;
547
            border: 0;
511
        }
548
            color: #000;
512
    }
549
            font-size: 1em;
550
            line-height: 1.7em;
551
            margin: 3px 3px 0;
552
            padding: 0 .5em;
513
553
554
            &::before {
555
                content: "";
556
            }
514
557
515
    input {
558
            &.disabled {
516
        &[type="search"] {
559
                color: #999;
517
            border: 1px solid #CCC;
560
                cursor: default;
518
        }
519
    }
520
561
521
    &:empty {
562
                a,
522
        border: 0;
563
                span {
523
        padding: 0;
564
                    background: transparent none;
524
    }
565
                }
525
} /* /.pager */
566
            }
526
567
527
button,
568
            &:active,
528
div,
569
            &:focus {
529
a {
570
                background: transparent none;
530
    &.dt-button {
571
                border: 0;
531
        background: transparent none;
572
                box-shadow: none;
532
        border: 0;
573
                text-shadow: none;
533
        color: #696969;
534
        font-size: 1em;
535
        line-height: 1.7em;
536
        margin: 0 3px 0 0;
537
        padding: 0 .5em;
538
        position: relative;
539
574
540
        &::before {
575
                &:not( .disabled ):hover:not( .disabled ) {
541
            content: '';
576
                    background: transparent none;
542
        }
577
                    box-shadow: none;
578
                }
579
            }
543
580
544
        &.disabled {
581
            &:hover {
545
            color: #999;
582
                background: transparent none;
546
            cursor: default;
583
                border: 0;
547
584
548
            span {
585
                &:not( .disabled ) {
549
                background-color: transparent;
586
                    background: transparent none;
587
                }
550
            }
588
            }
551
        }
552
553
        &:active,
554
        &:focus {
555
            background: transparent none;
556
            border: 0;
557
            box-shadow: none;
558
            text-shadow: none;
559
589
560
            &:not(.disabled):hover:not(.disabled) {
590
            &.active:not( .disabled ):hover:not( .disabled ) {
561
                background: transparent none;
591
                background: transparent none;
562
                box-shadow: none;
592
                box-shadow: none;
563
            }
593
            }
564
        }
594
        }
595
    }
565
596
566
        &:hover {
597
    input {
567
            background: transparent none;
598
        &[type="search"] {
568
599
            border: 1px solid #CCC;
569
            &:not(.disabled) {
570
                border: none;
571
                background: transparent none;
572
            }
573
        }
600
        }
601
    }
574
602
575
        &.active:not(.disabled):hover:not(.disabled) {
603
    &:empty {
576
            background: transparent none;
604
        border: 0;
577
            box-shadow: none;
605
        padding: 0;
578
        }
579
    }
606
    }
580
}
607
} /* /.pager */
581
608
582
.toptabs {
609
.toptabs {
583
    .pager {
610
    .pager {
Lines 585-595 a { Link Here
585
        padding-bottom: .7em;
612
        padding-bottom: .7em;
586
        padding-top: .7em;
613
        padding-top: .7em;
587
614
588
        &.top {
589
            border-top: 0;
590
            padding-top: 0;
591
        }
592
593
        &.bottom {
615
        &.bottom {
594
            border-bottom: 0;
616
            border-bottom: 0;
595
            padding-bottom: 0;
617
            padding-bottom: 0;
Lines 654-660 div { Link Here
654
                        }
676
                        }
655
                    }
677
                    }
656
678
657
                    &:active:not(.disabled):hover:not(.disabled) {
679
                    &:active:not( .disabled ):hover:not( .disabled ) {
658
                        background: transparent none;
680
                        background: transparent none;
659
                        box-shadow: none;
681
                        box-shadow: none;
660
                    }
682
                    }
Lines 668-674 div { Link Here
668
                            background: #FFC none;
690
                            background: #FFC none;
669
691
670
                            &::before {
692
                            &::before {
671
                                color:  #CC0000;
693
                                color: #CC0000;
672
                                content: "\f00d";
694
                                content: "\f00d";
673
                                display: inline-block;
695
                                display: inline-block;
674
                                font-family: FontAwesome;
696
                                font-family: FontAwesome;
Lines 677-683 div { Link Here
677
                            }
699
                            }
678
                        }
700
                        }
679
701
680
                        &:not(.disabled):hover:not(.disabled) {
702
                        &:not( .disabled ):hover:not( .disabled ) {
681
                            background: transparent none;
703
                            background: transparent none;
682
                            box-shadow: none;
704
                            box-shadow: none;
683
                        }
705
                        }
Lines 708-714 div { Link Here
708
                    }
730
                    }
709
                }
731
                }
710
732
711
                &.buttons-html5:not(.disabled)::before {
733
                &.buttons-html5:not( .disabled )::before {
712
                    color: #222BAC;
734
                    color: #222BAC;
713
                    display: inline-block;
735
                    display: inline-block;
714
                    font-family: FontAwesome;
736
                    font-family: FontAwesome;
Lines 716-760 div { Link Here
716
                    width: 1em;
738
                    width: 1em;
717
                }
739
                }
718
740
719
                &.buttons-excel:not(.disabled)::before {
741
                &.buttons-excel:not( .disabled )::before {
720
                    content: "\f1c3";
742
                    content: "\f1c3";
721
                }
743
                }
722
744
723
                &.buttons-csv:not(.disabled)::before {
745
                &.buttons-csv:not( .disabled )::before {
724
                    content: "\f0ce";
746
                    content: "\f0ce";
725
                }
747
                }
726
748
727
                &.buttons-copy:not(.disabled)::before {
749
                &.buttons-copy:not( .disabled )::before {
728
                    content: "\f0c5";
750
                    content: "\f0c5";
729
                }
751
                }
730
752
731
                &.buttons-print:not(.disabled)::before {
753
                &.buttons-print:not( .disabled )::before {
732
                    color:  #222BAC;
754
                    color: #222BAC;
733
                    content: "\f02f";
755
                    content: "\f02f";
734
                    display: inline-block;
756
                    display: inline-block;
735
                    font-family: FontAwesome;
757
                    font-family: FontAwesome;
736
                    margin-right: .5em;
758
                    margin-right: .5em;
737
                    width: 1em;
759
                    width: 1em;
738
                }
760
                }
739
740
            }
761
            }
741
        }
762
        }
742
    }
763
    }
743
}
764
}
744
765
745
.table_entries {
766
.table_entries {
767
    clear: both;
746
    display: flex;
768
    display: flex;
747
}
769
}
748
770
749
.table_controls {
771
.table_controls {
750
    border-top: 1px solid #EEE;
772
    border-top: 1px solid #EEE;
751
    display: flex;
773
    display: flex;
752
    flex-grow: 1;
753
    margin-top: .5em;
774
    margin-top: .5em;
754
    padding-top: .5em;
775
    padding-top: .5em;
755
}
776
}
756
777
757
@media (min-width: 1275px) {
778
@media ( min-width: 1275px ) {
758
    .dt-button-text {
779
    .dt-button-text {
759
        display: inline;
780
        display: inline;
760
    }
781
    }
Lines 785-819 div { Link Here
785
806
786
@media only screen and ( max-width: 767px ) {
807
@media only screen and ( max-width: 767px ) {
787
    .dataTables_wrapper {
808
    .dataTables_wrapper {
809
        .dataTables_info,
788
        .dataTables_paginate {
810
        .dataTables_paginate {
789
            margin-top: 0;
811
            float: none;
812
            text-align: left;
790
        }
813
        }
791
    }
814
    }
792
793
}
815
}
794
816
795
@media only screen and (min-width: 950px) and (max-width: 1125px) {
817
@media only screen and ( min-width: 950px ) and ( max-width: 1125px ) {
796
    .dt-button-text {
818
    .dt-button-text {
797
        display: none;
819
        display: none;
798
    }
820
    }
799
}
821
}
800
822
801
@media only screen and ( min-width: 950px ) {
823
@media only screen and ( min-width: 950px ) {
824
    .table_entries,
825
    .table_controls {
826
        border-top: 0;
827
        clear: none;
828
        margin: 0;
829
        padding: 0;
830
    }
831
}
832
833
@media only screen and (min-width: 1500px) {
802
    .dataTables_wrapper {
834
    .dataTables_wrapper {
803
        .dataTables_paginate {
835
        .dataTables_paginate {
804
            span {
836
            span {
805
                .paginate_button {
837
                .paginate_button,
838
                .ellipsis {
806
                    display: inline-block;
839
                    display: inline-block;
807
                }
840
                }
808
            }
841
            }
809
        }
842
        }
810
    }
843
    }
811
812
    .table_entries,
813
    .table_controls {
814
        border-top: 0;
815
        clear: none;
816
        margin: 0;
817
        padding: 0;
818
    }
819
}
844
}
(-)a/koha-tmpl/intranet-tmpl/prog/js/datatables.js (-2 / +1 lines)
Lines 30-36 var dataTablesDefaults = { Link Here
30
            }
30
            }
31
        }
31
        }
32
    },
32
    },
33
    "dom": '<"top pager"<"table_entries"ilp><"table_controls"fB>>tr<"bottom pager"ip>',
33
    "dom": '<"dt-info"i><"top pager"<"table_entries"lp><"table_controls"fB>>tr<"bottom pager"ip>',
34
    "buttons": [{
34
    "buttons": [{
35
        fade: 100,
35
        fade: 100,
36
        className: "dt_button_clear_filter",
36
        className: "dt_button_clear_filter",
37
- 

Return to bug 31754