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 341-346 Link Here
341
            display: block;
341
            display: block;
342
        }
342
        }
343
    }
343
    }
344
345
    .shelfbrowser-inner {
346
        grid-template-columns: repeat(4, 1fr) !important;
347
    }
348
344
}
349
}
345
350
346
@media only screen and ( max-width: 800px ) {
351
@media only screen and ( max-width: 800px ) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-39 / +10 lines)
Lines 2313-2340 nav { Link Here
2313
}
2313
}
2314
2314
2315
#shelfbrowser {
2315
#shelfbrowser {
2316
    table {
2316
    .shelfbrowser-inner {
2317
        margin: 0;
2317
        display: grid;
2318
        grid-template-columns: repeat(7, 1fr);
2319
        grid-gap: 4px;
2318
    }
2320
    }
2319
2321
2320
    table,
2322
    .shelfbrowser-item {
2321
    td,
2322
    th {
2323
        border: 0;
2324
        font-size: 90%;
2325
        text-align: center;
2323
        text-align: center;
2324
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
2325
        border-radius: 4px;
2326
    }
2326
    }
2327
2327
2328
    td,
2328
    #browser_controls {
2329
    th {
2329
        display: flex;
2330
        padding: 3px 5px;
2330
        justify-content: space-between;
2331
        width: 20%;
2332
2333
        &.nav-cell {
2334
            padding: 0;
2335
            vertical-align: middle;
2336
            width: 1em;
2337
        }
2338
    }
2331
    }
2339
2332
2340
    a {
2333
    a {
Lines 2349-2376 nav { Link Here
2349
            min-width: 80px;
2342
            min-width: 80px;
2350
        }
2343
        }
2351
    }
2344
    }
2352
2353
    #browser_previous {
2354
        a {
2355
            transform: rotate( -90deg );
2356
            white-space: nowrap;
2357
2358
            i {
2359
                padding: 0 .5em;
2360
            }
2361
        }
2362
    }
2363
2364
    #browser_next {
2365
        a {
2366
            transform: rotate( 90deg );
2367
            white-space: nowrap;
2368
2369
            i {
2370
                padding: 0 .5em;
2371
            }
2372
        }
2373
    }
2374
}
2345
}
2375
2346
2376
#holds {
2347
#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