Attachment #159368 for bug #25267

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

Lines 341-346 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+5 lines)
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 ) {




}

#shelfbrowser {
    .shelfbrowser-inner {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-gap: 4px;
    }

    .shelfbrowser-item {
    td,
    th {
        border: 0;
        font-size: 90%;
        text-align: center;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        border-radius: 4px;
    }

    #browser_controls {
        display: flex;
        justify-content: space-between;
        width: 20%;

        &.nav-cell {
            padding: 0;
            vertical-align: middle;
            width: 1em;
        }
    }

    a {

            min-width: 80px;
        }
    }

    #browser_previous {
        a {
            transform: rotate( -90deg );
            white-space: nowrap;

            i {
                padding: 0 .5em;
            }
        }
    }

    #browser_next {
        a {
            transform: rotate( 90deg );
            white-space: nowrap;

            i {
                padding: 0 .5em;
            }
        }
    }
}

#holds {




                <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>
            </h5>

            <div id="browser_controls">
              [% IF shelfbrowser_prev_item %]
                <div id="browser_previous">
                    <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>
                </div>
              [% END %]
                [% IF shelfbrowser_next_item %]
                    <div id="browser_next">
                        <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>
                    </div>
                [% END %]
            </div>
                <div class="shelfbrowser-inner">

                    [% FOREACH item IN shelfbrowser_items %]
                        <div class="shelfbrowser-item">
                            [% IF ( item.title ) %]
                                [% img_title = item.title %]
                            [% ELSE %]

                                    [% END %]

                                </a>
                                <div class="shelfbrowser-callnumber">[% item.itemcallnumber | html %]</div>
                                <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% item.itemnumber | uri %]#shelfbrowser">
                                    [% INCLUDE 'biblio-title.inc' biblio=item %]
                                </a>
                            [% END %]
                        </div>
                    [% END %]
                    <td class="nav-cell" rowspan="2">
                        [% IF shelfbrowser_next_item %]
                            <div id="browser_next">
                                <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>
                            </div>
                        [% END %]
                    </td>
                </tr>

                <tr>
                    [% FOREACH item IN shelfbrowser_items %]
                        <td class="top">
                            [% item.itemcallnumber | html %]
                            <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber | uri %]&amp;shelfbrowse_itemnumber=[% item.itemnumber | uri %]#shelfbrowser">
                                [% INCLUDE 'biblio-title.inc' biblio=item %]
                            </a>
                        </td>
                    [% END %]
                </div>
            </table>
        </div>
    [% END # /IF OpenOPACShelfBrowser %]
[% END # end of shelfbrowser block %]
- 

Return to bug 25267

Lines 2310-2337 nav { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-39 / +10 lines)
2310	}	2310	}
2311		2311
2312	#shelfbrowser {	2312	#shelfbrowser {
2313	table {	2313	.shelfbrowser-inner {
2314	margin: 0;	2314	display: grid;
		2315	grid-template-columns: repeat(7, 1fr);
		2316	grid-gap: 4px;
2315	}	2317	}
2316		2318
2317	table,	2319	.shelfbrowser-item {
2318	td,
2319	th {
2320	border: 0;
2321	font-size: 90%;
2322	text-align: center;	2320	text-align: center;
		2321	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		2322	border-radius: 4px;
2323	}	2323	}
2324		2324
2325	td,	2325	#browser_controls {
2326	th {	2326	display: flex;
2327	padding: 3px 5px;	2327	justify-content: space-between;
2328	width: 20%;
2329
2330	&.nav-cell {
2331	padding: 0;
2332	vertical-align: middle;
2333	width: 1em;
2334	}
2335	}	2328	}
2336		2329
2337	a {	2330	a {
Lines 2346-2373 nav { Link Here
2346	min-width: 80px;	2339	min-width: 80px;
2347	}	2340	}
2348	}	2341	}
2349
2350	#browser_previous {
2351	a {
2352	transform: rotate( -90deg );
2353	white-space: nowrap;
2354
2355	i {
2356	padding: 0 .5em;
2357	}
2358	}
2359	}
2360
2361	#browser_next {
2362	a {
2363	transform: rotate( 90deg );
2364	white-space: nowrap;
2365
2366	i {
2367	padding: 0 .5em;
2368	}
2369	}
2370	}
2371	}	2342	}
2372		2343
2373	#holds {	2344	#holds {

Lines 10-27 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/shelfbrowser.inc (-32 / +20 lines)
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 %]&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 %]&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 %]&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 %]&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 %]&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 %]&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	-