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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss (-1 / +306 lines)
Lines 544-551 div.dt-button-collection button.dt-button.buttons-print:not( .disabled )::before Link Here
544
    }
544
    }
545
}
545
}
546
546
547
/* div.dt-container .dt-paging .dt-paging-button {
548
    background: transparent;
549
    border: 1px solid transparent;
550
    border-radius: 2px;
551
    box-sizing: border-box;
552
    cursor: pointer;
553
    display: inline-block;
554
    margin-left: 2px;
555
    min-width: 1.5em;
556
    padding: .5em 1em;
557
    text-align: center;
558
}
559
560
div.dt-container .dt-paging .dt-paging-button.current
561
div.dt-container .dt-paging .dt-paging-button.current:hover {
562
    border: 1px solid rgba( 0, 0, 0, .3 );
563
}
564
565
div.dt-container .dt-paging .dt-paging-button.disabled,
566
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
567
div.dt-container .dt-paging .dt-paging-button.disabled:active {
568
    border: 1px solid transparent;
569
    box-shadow: none;
570
    cursor: default;
571
}
572
573
div.dt-container .dt-paging .dt-paging-button:hover {
574
    border: 1px solid #111;
575
}
576
577
div.dt-container .dt-paging .dt-paging-button:active {
578
}
579
580
div.dt-container .dt-paging .ellipsis {
581
    padding: 0 1em;
582
}
583
584
div.dt-container .dt-length,
585
div.dt-container .dt-search,
586
div.dt-container .dt-info,
587
div.dt-container .dt-processing,
588
div.dt-container .dt-paging {
589
    color: inherit;
590
} */
591
592
.table_entries {
593
    clear: both;
594
    display: flex;
595
}
596
597
div.dt-container .dt-length {
598
    display: none;
599
    float: none;
600
    line-height: 1.5em;
601
    padding-right: 1em;
602
}
603
604
.dt-paging-button {
605
    background: transparent none;
606
    border: 1px solid transparent;
607
    border-radius: .375rem;
608
    color: $link-color;
609
    font-weight: bold;
610
    padding: .2rem 1rem;
611
612
    &:hover,
613
    &:active {
614
        background: transparent none;
615
        border: 1px solid rgba( 0, 99, 148, .5 );
616
        box-shadow: none;
617
        color: darken( $link-color, 5 );
618
        text-decoration: none;
619
    }
620
621
    &.current {
622
        background: transparent none;
623
        border: 1px solid transparent;
624
        color: $black;
625
626
        &:hover,
627
        &:active {
628
            background: transparent none;
629
            border: 1px solid transparent;
630
            box-shadow: none;
631
            color: $black;
632
            cursor: default;
633
            text-decoration: none;
634
        }
635
    }
636
637
    &.disabled {
638
        color: lighten( desaturate( adjust-hue( $link-color, -1 ), 75 ), 9 );
639
640
        &:hover,
641
        &:active {
642
            background: transparent none;
643
            border: 1px solid transparent;
644
            box-shadow: none;
645
            color: $link-color;
646
            cursor: default;
647
            text-decoration: none;
648
        }
649
    }
650
651
    &.first,
652
    &.previous,
653
    &.next,
654
    &.last {
655
        &::before,
656
        &::after {
657
            display: inline-block;
658
            font-family: "Font Awesome 6 Free";
659
            width: 1em;
660
        }
661
    }
662
663
    &.first {
664
        display: none;
665
666
        &::before {
667
            content: "\f100";
668
            padding-right: 1.1rem;
669
        }
670
    }
671
672
    &.previous {
673
        &::before {
674
            content: "\f104";
675
            padding-right: 1rem;
676
        }
677
    }
678
679
    &.next {
680
        &::after {
681
            content: "\f105";
682
            padding-left: .5rem;
683
        }
684
    }
685
686
    &.last {
687
        display: none;
688
689
        &::after {
690
            content: "\f101";
691
            padding-left: .5rem;
692
        }
693
    }
694
}
695
696
.dt-info + .pager {
697
    border-top: 1px solid #BCBCBC;
698
    margin-top: .3em;
699
}
700
701
.dt-paging + .dt-info {
702
    border-top: 1px solid #BCBCBC;
703
    padding-top: .5rem;
704
}
705
706
@media ( min-width: 1275px ) {
707
    .dt-button-text {
708
        display: inline;
709
    }
710
711
    div {
712
        .dt-container {
713
            .dt-paging {
714
                .dt-paging-button {
715
                    &.first,
716
                    &.last {
717
                        display: inline-block;
718
                    }
719
                }
720
            }
721
        }
722
    }
723
}
724
725
@media only screen and ( min-width: 500px ) {
726
    div {
727
        .dt-container {
728
            .dt-length {
729
                display: block;
730
            }
731
        }
732
    }
733
}
734
735
@media only screen and ( max-width: 767px ) {
736
    div {
737
        .dt-container {
738
            .dt-info,
739
            .dt-paging {
740
                float: none;
741
                text-align: left;
742
            }
743
        }
744
    }
745
}
746
747
@media only screen and ( min-width: 950px ) and ( max-width: 1125px ) {
748
    .dt-button-text {
749
        display: none;
750
    }
751
}
752
753
@media only screen and ( min-width: 950px ) {
754
    .table_entries,
755
    .table_controls {
756
        border-top: 0;
757
        clear: none;
758
        margin: 0;
759
        padding: 0;
760
    }
761
}
762
763
@media only screen and ( min-width: 1500px ) {
764
    div {
765
        .dt-container {
766
            .dt-paging {
767
                span {
768
                    .dt-paging-button,
769
                    .ellipsis {
770
                        display: inline-block;
771
                    }
772
                }
773
            }
774
        }
775
    }
776
}
777
778
.dt-button.processing {
779
    color: rgba( 0, 0, 0, .2 );
780
781
    &::after {
782
        animation: dtb-spinner 1500ms infinite linear;
783
        border: 2px solid rgb( 40, 40, 40 );
784
        border-left-color: transparent;
785
        border-radius: 50%;
786
        border-right-color: transparent;
787
        box-sizing: border-box;
788
        content: " ";
789
        display: block;
790
        height: 16px;
791
        left: 50%;
792
        margin: -8px 0 0 -8px;
793
        position: absolute;
794
        top: 50%;
795
        width: 16px;
796
    }
797
}
798
799
.dt-processing {
800
    background-color: #F4F8F9;
801
    border: 1px solid darken( $base-theme-color, 10% );
802
    box-shadow: 2px 2px 3px 1px rgba( 0, 0, 0, .2 );
803
    left: 50%;
804
    margin-left: -100px;
805
    margin-top: -22px;
806
    padding: .7rem;
807
    position: absolute;
808
    text-align: center;
809
    top: 50%;
810
    width: 200px;
811
    z-index: 10;
812
813
    > div:last-child {
814
        // background: $base-theme-color;
815
        height: 15px;
816
        margin: 1em auto;
817
        position: relative;
818
        width: 80px;
819
820
        > div {
821
            animation-timing-function: cubic-bezier( 0, 1, 1, 0 );
822
            background: $base-theme-color none;
823
            border-radius: 50%;
824
            height: 13px;
825
            position: absolute;
826
            top: 0;
827
            width: 13px;
828
829
            &:nth-child( 1 ) {
830
                animation: datatables-loader-1 .6s infinite;
831
                left: 8px;
832
            }
833
834
            &:nth-child( 2 ) {
835
                animation: datatables-loader-2 .6s infinite;
836
                left: 8px;
837
            }
838
839
            &:nth-child( 3 ) {
840
                animation: datatables-loader-2 .6s infinite;
841
                left: 32px;
842
            }
843
844
            &:nth-child( 4 ) {
845
                animation: datatables-loader-3 .6s infinite;
846
                left: 56px;
847
            }
848
        }
849
    }
850
}
851
547
table {
852
table {
548
    th
853
    th,
549
    td {
854
    td {
550
        line-height: 135%;
855
        line-height: 135%;
551
    }
856
    }
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-1 lines)
Lines 87-92 Link Here
87
[% Asset.css("lib/fontawesome/css/fontawesome.min.css") | $raw %]
87
[% Asset.css("lib/fontawesome/css/fontawesome.min.css") | $raw %]
88
[% Asset.css("lib/fontawesome/css/brands.min.css") | $raw %]
88
[% Asset.css("lib/fontawesome/css/brands.min.css") | $raw %]
89
[% Asset.css("lib/fontawesome/css/solid.min.css") | $raw %]
89
[% Asset.css("lib/fontawesome/css/solid.min.css") | $raw %]
90
[% Asset.css("lib/datatables/datatables.min.css") | $raw %]
91
[% PROCESS 'html_helpers.inc' %]
90
[% PROCESS 'html_helpers.inc' %]
92
[% KohaPlugins.get_plugins_opac_head | $raw %]
91
[% KohaPlugins.get_plugins_opac_head | $raw %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt (-2 / +1 lines)
Lines 379-385 Link Here
379
        }
379
        }
380
        $("#illrequestlist").kohaTable({
380
        $("#illrequestlist").kohaTable({
381
            order: [[ 0, "desc" ]],
381
            order: [[ 0, "desc" ]],
382
            dom: '<"dt-info"i><"top pager"<"table_entries"lp>>tr<"bottom pager"ip>',
382
            dom: '<"dt-info"i><"top pager"<"table_entries"lp>t<"bottom pager"pi>',
383
            paging: true,
383
            paging: true,
384
            embed: ['+strings','extended_attributes'],
384
            embed: ['+strings','extended_attributes'],
385
            ajax: { url: '/api/v1/public/patrons/[% logged_in_user.borrowernumber | uri %]/ill/requests' },
385
            ajax: { url: '/api/v1/public/patrons/[% logged_in_user.borrowernumber | uri %]/ill/requests' },
386
- 

Return to bug 39761