Attachment #135632 for bug #25267

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

Lines 392-397 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+5 lines)
392	display: block;	392	display: block;
393	}	393	}
394	}	394	}
		395
		396	.shelfbrowser-inner {
		397	grid-template-columns: repeat(4, 1fr) !important;
		398	}
		399
395	}	400	}
396		401
397	@media only screen and ( max-width: 800px ) {	402	@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 {

        }
    }

    #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 2293-2320 nav { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-39 / +11 lines)
2293	}	2293	}
2294		2294
2295	#shelfbrowser {	2295	#shelfbrowser {
2296	table {	2296	.shelfbrowser-inner {
2297	margin: 0;	2297	display: grid;
		2298	grid-template-columns: repeat(7, 1fr);
		2299	grid-gap: 4px;
2298	}	2300	}
2299		2301
2300	table,	2302	.shelfbrowser-item {
2301	td,
2302	th {
2303	border: 0;
2304	font-size: 90%;
2305	text-align: center;	2303	text-align: center;
		2304	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		2305	border-radius: 4px;
2306	}	2306	}
2307		2307
2308	td,	2308	#browser_controls {
2309	th {	2309	display: flex;
2310	padding: 3px 5px;	2310	justify-content: space-between;
2311	width: 20%;
2312
2313	&.nav-cell {
2314	padding: 0;
2315	vertical-align: middle;
2316	width: 1em;
2317	}
2318	}	2311	}
2319		2312
2320	a {	2313	a {
Lines 2330-2356 nav { Link Here
2330	}	2323	}
2331	}	2324	}
2332		2325
2333	#browser_previous {
2334	a {
2335	transform: rotate(-90deg);
2336	white-space: nowrap;
2337
2338	i {
2339	padding: 0 .5em;
2340	}
2341	}
2342	}
2343
2344	#browser_next {
2345	a {
2346	transform: rotate(90deg);
2347	white-space: nowrap;
2348
2349	i {
2350	padding: 0 .5em;
2351	}
2352	}
2353	}
2354	}	2326	}
2355		2327
2356	#holds {	2328	#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	-