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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+5 lines)
Lines 390-395 Link Here
390
            display: block;
390
            display: block;
391
        }
391
        }
392
    }
392
    }
393
394
    .shelfbrowser-inner {
395
        grid-template-columns: repeat(4, 1fr) !important;
396
    }
397
393
}
398
}
394
399
395
@media only screen and ( max-width: 800px ) {
400
@media only screen and ( max-width: 800px ) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-39 / +10 lines)
Lines 2270-2297 nav { Link Here
2270
}
2270
}
2271
2271
2272
#shelfbrowser {
2272
#shelfbrowser {
2273
    table {
2273
    .shelfbrowser-inner {
2274
        margin: 0;
2274
        display: grid;
2275
        grid-template-columns: repeat(7, 1fr);
2276
        grid-gap: 4px;
2275
    }
2277
    }
2276
2278
2277
    table,
2279
    .shelfbrowser-item {
2278
    td,
2279
    th {
2280
        border: 0;
2281
        font-size: 90%;
2282
        text-align: center;
2280
        text-align: center;
2281
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
2282
        border-radius: 4px;
2283
    }
2283
    }
2284
2284
2285
    td,
2285
    #browser_controls {
2286
    th {
2286
        display: flex;
2287
        padding: 3px 5px;
2287
        justify-content: space-between;
2288
        width: 20%;
2289
2290
        &.nav-cell {
2291
            padding: 0;
2292
            vertical-align: middle;
2293
            width: 1em;
2294
        }
2295
    }
2288
    }
2296
2289
2297
    a {
2290
    a {
Lines 2306-2333 nav { Link Here
2306
            min-width: 80px;
2299
            min-width: 80px;
2307
        }
2300
        }
2308
    }
2301
    }
2309
2310
    #browser_previous {
2311
        a {
2312
            transform: rotate( -90deg );
2313
            white-space: nowrap;
2314
2315
            i {
2316
                padding: 0 .5em;
2317
            }
2318
        }
2319
    }
2320
2321
    #browser_next {
2322
        a {
2323
            transform: rotate( 90deg );
2324
            white-space: nowrap;
2325
2326
            i {
2327
                padding: 0 .5em;
2328
            }
2329
        }
2330
    }
2331
}
2302
}
2332
2303
2333
#holds {
2304
#holds {
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/shelfbrowser.inc (-32 / +20 lines)
Lines 10-27 Link Here
10
                <a style="font-size: 75%;" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | html %]" class="close_shelf" >Close shelf browser <span class="sr-only">(Hides shelf browser)</span></a>
10
                <a style="font-size: 75%;" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | html %]" class="close_shelf" >Close shelf browser <span class="sr-only">(Hides shelf browser)</span></a>
11
            </h5>
11
            </h5>
12
12
13
            <table class="table">
13
            <div id="browser_controls">
14
                <tr>
14
              [% IF shelfbrowser_prev_item %]
15
                    <td class="nav-cell" rowspan="2">
15
                <div id="browser_previous">
16
                      [% IF shelfbrowser_prev_item %]
16
                    <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_prev_item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_prev_item.itemnumber | uri %]#shelfbrowser" data-prev-itemnumber="[% shelfbrowser_prev_item.itemnumber | html %]"><i class="fa fa-caret-left" aria-hidden="true"></i> Previous</a>
17
                        <div id="browser_previous">
17
                </div>
18
                            <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_prev_item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_prev_item.itemnumber | uri %]#shelfbrowser" data-prev-itemnumber="[% shelfbrowser_prev_item.itemnumber | html %]"><i class="fa fa-caret-up" aria-hidden="true"></i> Previous</a>
18
              [% END %]
19
                        </div>
19
                [% IF shelfbrowser_next_item %]
20
                      [% END %]
20
                    <div id="browser_next">
21
                    </td>
21
                        <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_next_item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_next_item.itemnumber | uri %]#shelfbrowser" data-next-itemnumber="[% shelfbrowser_next_item.itemnumber | html %]">Next <i class="fa fa-caret-right" aria-hidden="true"></i></a>
22
                    </div>
23
                [% END %]
24
            </div>
25
                <div class="shelfbrowser-inner">
22
26
23
                    [% FOREACH item IN shelfbrowser_items %]
27
                    [% FOREACH item IN shelfbrowser_items %]
24
                        <td>
28
                        <div class="shelfbrowser-item">
25
                            [% IF ( item.title ) %]
29
                            [% IF ( item.title ) %]
26
                                [% img_title = item.title %]
30
                                [% img_title = item.title %]
27
                            [% ELSE %]
31
                            [% ELSE %]
Lines 80-108 Link Here
80
                                    [% END %]
84
                                    [% END %]
81
85
82
                                </a>
86
                                </a>
87
                                <div class="shelfbrowser-callnumber">[% item.itemcallnumber | html %]</div>
88
                                <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% item.itemnumber | uri %]#shelfbrowser">
89
                                    [% INCLUDE 'biblio-title.inc' biblio=item %]
90
                                </a>
83
                            [% END %]
91
                            [% END %]
84
                        </td>
92
                        </div>
85
                    [% END %]
86
                    <td class="nav-cell" rowspan="2">
87
                        [% IF shelfbrowser_next_item %]
88
                            <div id="browser_next">
89
                                <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_next_item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_next_item.itemnumber | uri %]#shelfbrowser" data-next-itemnumber="[% shelfbrowser_next_item.itemnumber | html %]">Next <i class="fa fa-caret-up" aria-hidden="true"></i></a>
90
                            </div>
91
                        [% END %]
92
                    </td>
93
                </tr>
94
95
                <tr>
96
                    [% FOREACH item IN shelfbrowser_items %]
97
                        <td class="top">
98
                            [% item.itemcallnumber | html %]
99
                            <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% item.itemnumber | uri %]#shelfbrowser">
100
                                [% INCLUDE 'biblio-title.inc' biblio=item %]
101
                            </a>
102
                        </td>
103
                    [% END %]
93
                    [% END %]
104
                </tr>
94
                </div>
105
            </table>
106
        </div>
95
        </div>
107
    [% END # /IF OpenOPACShelfBrowser %]
96
    [% END # /IF OpenOPACShelfBrowser %]
108
[% END # end of shelfbrowser block %]
97
[% END # end of shelfbrowser block %]
109
- 

Return to bug 25267