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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss (-49 / +60 lines)
Lines 1-6 Link Here
1
table {
1
table {
2
    border-collapse: collapse;
2
    border-collapse: collapse;
3
    border-right: 1px solid $table-border-color;
3
4
    border-top: 1px solid $table-border-color;
4
    border-top: 1px solid $table-border-color;
5
5
6
    .btn-group {
6
    .btn-group {
Lines 70-75 table { Link Here
70
70
71
    &.dataTable {
71
    &.dataTable {
72
        border-collapse: collapse;
72
        border-collapse: collapse;
73
        border: none;
74
        margin-top: .5em;
75
        margin-bottom: .5em;
76
73
77
74
        tfoot {
78
        tfoot {
75
            td,
79
            td,
Lines 79-93 table { Link Here
79
        }
83
        }
80
84
81
        thead {
85
        thead {
86
87
82
            th,
88
            th,
83
            td {
89
            td {
84
                border-bottom: 1px solid $table-border-color;
85
                border-left: 1px solid $table-border-color;
86
                padding: .5em;
87
90
91
                border-top: none;
92
                border-left: none;
93
                border-right: none;
94
                border: none;
95
                padding: .5em;
88
            }
96
            }
89
97
90
            tr {
98
            tr {
99
            background-color: #fff;
91
                &.columnFilter {
100
                &.columnFilter {
92
                    th {
101
                    th {
93
                        padding: 0;
102
                        padding: 0;
Lines 96-103 table { Link Here
96
            }
105
            }
97
106
98
            .sorting_asc {
107
            .sorting_asc {
99
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background;
100
                padding-right: 19px;
101
108
102
                &.fixed_sort {
109
                &.fixed_sort {
103
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
110
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
Lines 107-132 table { Link Here
107
114
108
            .sorting_desc {
115
            .sorting_desc {
109
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
116
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background;
110
                padding-right: 19px;
111
117
112
                &.fixed_sort {
118
                &.fixed_sort {
113
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background;
119
                    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background;
114
                    cursor: default;
120
                    cursor: default;
115
                }
121
                }
116
            }
122
            }
117
118
            .sorting {
119
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background;
120
                padding-right: 19px;
121
            }
122
        }
123
        }
123
124
124
        tbody {
125
        tbody {
126
            border-top: 2px solid #A19B9E;
127
125
            td {
128
            td {
126
                padding: .5em;
129
                padding: .5em;
130
                border: none;
127
            }
131
            }
128
        }
132
        }
129
130
    }
133
    }
131
134
132
    /* Row grouping */
135
    /* Row grouping */
Lines 154-162 table { Link Here
154
157
155
td,
158
td,
156
th {
159
th {
157
    border-bottom: 1px solid $table-border-color;
160
    padding: .2em .9em;
158
    border-left: 1px solid $table-border-color;
159
    padding: .2em .3em;
160
}
161
}
161
162
162
td {
163
td {
Lines 167-172 td { Link Here
167
        white-space: nowrap;
168
        white-space: nowrap;
168
    }
169
    }
169
170
171
    button, a, input[type="button"]{
172
        &.btn-default{
173
            color: #71B443;
174
            padding: .3em;
175
            border: none;
176
            background-color: transparent;
177
            border: none;
178
            box-shadow: none;
179
            font-size: 100%;
180
181
            &:hover, &:active, &:focus, &:active:hover, &:active:focus{
182
                background-color: transparent;
183
                color: #71B443;
184
                text-decoration: underline;
185
            }
186
        }
187
    }
188
170
    &.borderless {
189
    &.borderless {
171
        border: 0 none;
190
        border: 0 none;
172
        border-collapse: separate;
191
        border-collapse: separate;
Lines 197-203 td { Link Here
197
216
198
217
199
th {
218
th {
200
    background-color: $table-header-background;
201
    font-weight: bold;
219
    font-weight: bold;
202
    text-align: center;
220
    text-align: center;
203
221
Lines 354-368 caption { Link Here
354
372
355
tbody {
373
tbody {
356
    tr {
374
    tr {
375
357
        &:nth-child(odd):not(.dtrg-group) {
376
        &:nth-child(odd):not(.dtrg-group) {
358
            td {
377
            td {
359
                border-right: 1px solid $table-border-color;
378
                border: none;
360
            }
379
            }
361
        }
380
        }
362
        &:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) {
381
        &:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) {
363
            td {
382
            td {
364
                &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) {
383
                &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) {
365
                    background-color: $table-odd-row;
384
                    background-color: $table-odd-row;
385
        margin: 1em;
366
                }
386
                }
367
            }
387
            }
368
        }
388
        }
Lines 372-378 tbody { Link Here
372
.dataTables_wrapper {
392
.dataTables_wrapper {
373
    .dataTables_processing {
393
    .dataTables_processing {
374
        background-color: #F4F8F9;
394
        background-color: #F4F8F9;
375
        border: 2px solid #82B4BE;
395
        border: 2px solid #538200;
376
        border-radius: 3px;
396
        border-radius: 3px;
377
        box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2);
397
        box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2);
378
        color: #333;
398
        color: #333;
Lines 419-461 tbody { Link Here
419
        }
439
        }
420
440
421
        .paginate_button {
441
        .paginate_button {
422
            color: #004D99 !important;
423
            padding-bottom: 0;
442
            padding-bottom: 0;
424
            padding-top: 0;
443
            padding-top: 0;
425
444
445
446
            &.current,
426
            &:hover,
447
            &:hover,
427
            &:active {
448
            &:active {
428
                background: #FFC none;
449
                border-radius: 4px;
429
                border: 1px solid transparent;
450
                color: #666 !important;
430
                box-shadow: none;
431
                color: #222BAC !important;
432
            }
433
434
            &.current {
435
                background: #E6FCB7 none;
436
                border: 0;
437
                color: #666;
438
                font-weight: bold;
451
                font-weight: bold;
439
452
                background: #fff;
440
                &:hover,
441
                &:active {
442
                    background: #E6FCB7 none;
443
                    border: 0;
444
                    box-shadow: none;
445
                    color: #666;
446
                    cursor: default;
447
                }
448
            }
453
            }
449
454
450
            &.first,
455
            &.first,
451
            &.previous,
456
            &.previous,
452
            &.next,
457
            &.next,
453
            &.last {
458
            &.last {
459
                padding: 0;
460
454
                &::before,
461
                &::before,
455
                &::after {
462
                &::after {
456
                    display: inline-block;
463
                    display: inline-block;
457
                    font-family: FontAwesome;
464
                    font-family: FontAwesome;
458
                    width: 1em;
459
                }
465
                }
460
            }
466
            }
461
467
Lines 464-484 tbody { Link Here
464
470
465
                &::before {
471
                &::before {
466
                    content: "\f100";
472
                    content: "\f100";
467
                    padding-right: .5em;
468
                }
473
                }
469
            }
474
            }
470
475
471
            &.previous {
476
            &.previous {
472
                &::before {
477
                &::before {
473
                    content: "\f104";
478
                    content: "\f104";
474
                    padding-right: .5em;
475
                }
479
                }
476
            }
480
            }
477
481
478
            &.next {
482
            &.next {
479
                &::after {
483
                &::after {
480
                    content: "\f105";
484
                    content: "\f105";
481
                    padding-left: .5em;
482
                }
485
                }
483
            }
486
            }
484
487
Lines 487-493 tbody { Link Here
487
490
488
                &::after {
491
                &::after {
489
                    content: "\f101";
492
                    content: "\f101";
490
                    padding-left: .5em;
491
                }
493
                }
492
            }
494
            }
493
        }
495
        }
Lines 498-510 tbody { Link Here
498
    font-size: 90%;
500
    font-size: 90%;
499
501
500
    &.top {
502
    &.top {
501
        border-top: 1px solid $table-border-color;
503
        padding: 1em 0;
502
        padding-top: 1em;
504
        margin-top: 1em;
505
        margin-bottom:  17px;
503
    }
506
    }
504
507
505
    &.bottom {
508
    &.bottom {
506
        border-bottom: 1px solid $table-border-color;
507
        padding-bottom: 1em;
509
        padding-bottom: 1em;
510
        display: none;
511
    }
512
513
    div{
514
        &.dt-buttons {
515
            position: relative;
516
            float: right;
517
        }
508
    }
518
    }
509
519
510
    button,
520
    button,
Lines 513-523 tbody { Link Here
513
        &.dt-button {
523
        &.dt-button {
514
            background: transparent none;
524
            background: transparent none;
515
            border: 0;
525
            border: 0;
516
            color: #000;
526
            color: #696969;
517
            font-size: 1em;
527
            font-size: 1em;
518
            line-height: 1.7em;
528
            line-height: 1.7em;
519
            margin: 3px 3px 0;
529
            margin: 3px 3px 0;
520
            padding: 0 .5em;
530
            padding: 0 .5em;
531
            position: relative;
532
            float: right;
521
533
522
            &::before {
534
            &::before {
523
                content: '';
535
                content: '';
524
- 

Return to bug 30952