Attachment #21879 for bug #10309

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




  display: block;
  overflow: auto;
}
#shelfbrowser table {
  margin: 0;
}
#shelfbrowser table,
#shelfbrowser td,
#shelfbrowser th {
  border: 0;
  font-size: 90%;
  text-align: center;
}
#shelfbrowser td,
#shelfbrowser th {
  padding: 3px 5px;
  width: 20%;
}
#shelfbrowser a {
  display: block;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}
#shelfbrowser #browser_next,
#shelfbrowser #browser_previous {
  background-image: url("../images/sprite.png");
  background-repeat: no-repeat;
  width: 16px;
}
#shelfbrowser #browser_next a,
#shelfbrowser #browser_previous a {
  cursor: pointer;
  display: block;
  height: 0 !important;
  margin: 0;
  overflow: hidden;
  padding: 50px 0 0;
  text-decoration: none;
  width: 16px;
}
#shelfbrowser #browser_previous {
  background-position: -9px -1007px;
}
#shelfbrowser #browser_next {
  background-position: -9px -1057px;
}
.shadowed {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);




[% BLOCK shelfbrowser %]
    [% IF OpenOPACShelfBrowser %]
        <div id="shelfbrowser">
            <h5 style="text-align: center;">
                [% IF ( starting_homebranch ) %]Browsing [% starting_homebranch %] Shelves[% END %]
                [% IF ( starting_location ) %], Shelving location: [% starting_location %][% END %]
                [% IF ( starting_ccode ) %], Collection code: [% starting_ccode %][% END %]
                <a style="font-size: 75%;" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber %]" class="close_shelf" >Close shelf browser</a>
            </h5>

            <table class="table">
                <tr>
                    <td rowspan="2">
                      [% IF shelfbrowser_prev_item %]
                        <div id="browser_previous">
                            <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_prev_item.biblionumber %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_prev_item.itemnumber %]#shelfbrowser" data-prev-itemnumber="[% shelfbrowser_prev_item.itemnumber %]">Previous</a>
                        </div>
                      [% END %]
                    </td>

                    [% FOREACH item IN shelfbrowser_items %]
                        <td>
                            <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber %]&amp;shelfbrowse_itemnumber=[% item.itemnumber %]#shelfbrowser">
                                [% IF ( OPACLocalCoverImages ) %]
                                    <div title="[% item.biblionumber |url %]" class="[% item.biblionumber %] thumbnail-shelfbrowser" id="local-thumbnail-shelf-[% item.biblionumber %]"></div>
                                [% END %]
                                [% IF ( OPACAmazonCoverImages ) %]
                                    [% IF ( item.browser_normalized_isbn ) %]
                                        <img src="http://images.amazon.com/images/P/[% item.browser_normalized_isbn %].01._AA75_PU_PU-5_.jpg" alt="" />
                                    [% ELSE %]
                                        <span class="no-image">No cover image available</span>
                                    [% END %]
                                [% END %]

                                [% IF ( SyndeticsEnabled ) %]
                                    [% IF ( SyndeticsCoverImages ) %]
                                        [% IF ( content_identifier_exists ) %]
                                            [% IF ( using_https ) %]
                                                <img src="https://secure.syndetics.com/index.aspx?isbn=[% item.browser_normalized_isbn %]/SC.GIF&amp;client=[% SyndeticsClientCode %][% IF ( item.browser_normalized_upc ) %]&amp;upc=[% item.browser_normalized_upc %][% END %][% IF ( item.browser_normalized_oclc ) %]&amp;oclc=[% item.browser_normalized_oclc %][% END %]&amp;type=xw10" alt="" />
                                            [% ELSE %]
                                                <img src="http://www.syndetics.com/index.aspx?isbn=[% item.browser_normalized_isbn %]/SC.GIF&amp;client=[% SyndeticsClientCode %][% IF ( item.browser_normalized_upc ) %]&amp;upc=[% item.browser_normalized_upc %][% END %][% IF ( item.browser_normalized_oclc ) %]&amp;oclc=[% item.browser_normalized_oclc %][% END %]&amp;type=xw10" alt="" />
                                            [% END %]
                                        [% ELSE %]
                                            <span class="no-image">No cover image available</span>
                                        [% END %]
                                    [% END %]
                                [% END %]

                                [% IF ( GoogleJackets ) %]
                                    [% IF ( item.browser_normalized_isbn ) %]
                                        <div style="block" title="[% item.biblionumber |url %]" class="[% item.browser_normalized_isbn %]" id="gbs-thumbnail-preview[% loop.count %]"></div>
                                    [% ELSE %]
                                        <span class="no-image">No cover image available</span>
                                    [% END %]
                                [% END %]
                                [% IF ( BakerTaylorEnabled ) %]
                                    [% IF ( item.browser_normalized_isbn ) %]
                                        <img alt="See Baker &amp; Taylor" src="[% BakerTaylorImageURL |html %][% item.browser_normalized_isbn %]" />
                                    [% ELSE %]
                                        <span class="no-image">No cover image available</span>
                                    [% END %]
                                [% END %]
                            </a>
                        </td>
                    [% END %]
                    <td rowspan="2">
                        [% IF shelfbrowser_next_item %]
                            <div id="browser_next">
                                <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_next_item.biblionumber %]&amp;shelfbrowse_itemnumber=[% shelfbrowser_next_item.itemnumber %]#shelfbrowser" data-next-itemnumber="[% shelfbrowser_next_item.itemnumber %]">Next</a>
                            </div>
                        [% END %]
                    </td>
                </tr>

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

Lines 647-653 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt (-135 / +60 lines)
647	<div id="noitems">No physical items for this record</div>	647	<div id="noitems">No physical items for this record</div>
648	[% END %]	648	[% END %]
649	[% END # IF itemloop.size %]	649	[% END # IF itemloop.size %]
650		650	[% PROCESS 'shelfbrowser.inc' %]
651	[% INCLUDE shelfbrowser tab='holdings' %]	651	[% INCLUDE shelfbrowser tab='holdings' %]
652	<br style="clear:both;" />	652	<br style="clear:both;" />
653	</div> <!-- / #holdings -->	653	</div> <!-- / #holdings -->
Lines 1170-1176 Link Here
1170	[% IF ( ITEM_RESULT.itemcallnumber ) %]	1170	[% IF ( ITEM_RESULT.itemcallnumber ) %]
1171	[% ITEM_RESULT.itemcallnumber %]	1171	[% ITEM_RESULT.itemcallnumber %]
1172	[% IF ( OPACShelfBrowser ) %]	1172	[% IF ( OPACShelfBrowser ) %]
1173	(<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber %]&shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber %]#[% tab %]">Browse shelf</a>)	1173	[% IF ( ITEM_RESULT.itemnumber == starting_itemnumber ) %]
		1174	(<a class="close_shelf" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber %]&shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber %]#[% tab %]">Browse shelf</a>)
		1175	[% ELSE %]
		1176	(<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber %]&shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber %]#[% tab %]">Browse shelf</a>)
		1177	[% END %]
1174	[% END %]	1178	[% END %]
1175	[% END %]	1179	[% END %]
1176	</td>	1180	</td>
Lines 1227-1365 Link Here
1227	</table>	1231	</table>
1228	[% END %][%# end of items_table block %]	1232	[% END %][%# end of items_table block %]
1229		1233
1230	[% BLOCK shelfbrowser %]
1231	[% IF ( OpenOPACShelfBrowser and shelfbrowser_tab == tab) %]
1232	<div id="shelfbrowser">
1233	<h5 style="text-align: center;">
1234	[% IF ( starting_homebranch ) %]Browsing [% starting_homebranch %] Shelves[% END %]
1235	[% IF ( starting_location ) %], Shelving location: [% starting_location %][% END %]
1236	[% IF ( starting_ccode ) %], Collection code: [% starting_ccode %][% END %]
1237	<a style="font-size: 75%;" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber %]">Close shelf browser</a>
1238	</h5>
1239
1240	<table class="table table-bordered table-striped">
1241	<tr>
1242	<td rowspan="2" style="width:20px;">
1243	<div id="browser_previous">
1244	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% IF ( shelfbrowser_prev_biblionumber ) %][% shelfbrowser_prev_biblionumber %][% ELSE %][% biblionumber %][% END %]&shelfbrowse_itemnumber=[% shelfbrowser_prev_itemnumber %]#shelfbrowser">Previous</a>
1245	</div>
1246	</td>
1247	[% FOREACH PREVIOUS_SHELF_BROWS IN PREVIOUS_SHELF_BROWSE %]
1248	<td>
1249	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% PREVIOUS_SHELF_BROWS.biblionumber %]&shelfbrowse_itemnumber=[% PREVIOUS_SHELF_BROWS.itemnumber %]#shelfbrowser">
1250	[% IF ( OPACLocalCoverImages ) %]
1251	<div title="[% PREVIOUS_SHELF_BROWS.biblionumber \|url %]" class="[% PREVIOUS_SHELF_BROWS.biblionumber %] thumbnail-shelfbrowser" id="local-thumbnail-shelf-[% PREVIOUS_SHELF_BROWS.biblionumber %]"></div>
1252	[% END %]
1253	[% IF ( OPACAmazonCoverImages ) %]
1254	[% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_isbn ) %]
1255	<img src="http://images.amazon.com/images/P/[% PREVIOUS_SHELF_BROWS.browser_normalized_isbn %].01._AA75_PU_PU-5_.jpg" alt="" />
1256	[% ELSE %]
1257	<span class="no-image">No cover image available</span>
1258	[% END %]
1259	[% END %]
1260	[% IF ( SyndeticsEnabled ) %]
1261	[% IF ( SyndeticsCoverImages ) %]
1262	[% IF ( content_identifier_exists ) %]
1263	[% IF ( using_https ) %]
1264	<img src="https://secure.syndetics.com/index.aspx?isbn=[% PREVIOUS_SHELF_BROWS.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_upc ) %]&upc=[% PREVIOUS_SHELF_BROWS.browser_normalized_upc %][% END %][% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_oclc ) %]&oclc=[% PREVIOUS_SHELF_BROWS.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
1265	[% ELSE %]
1266	<img src="http://www.syndetics.com/index.aspx?isbn=[% PREVIOUS_SHELF_BROWS.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_upc ) %]&upc=[% PREVIOUS_SHELF_BROWS.browser_normalized_upc %][% END %][% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_oclc ) %]&oclc=[% PREVIOUS_SHELF_BROWS.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
1267	[% END %]
1268	[% ELSE %]
1269	<span class="no-image">No cover image available</span>
1270	[% END %]
1271	[% END %]
1272	[% END %]
1273	[% IF ( GoogleJackets ) %]
1274	[% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_isbn ) %]
1275	<div title="[% PREVIOUS_SHELF_BROWS.biblionumber \|url %]" class="[% PREVIOUS_SHELF_BROWS.browser_normalized_isbn %]" id="gbs-thumbnail-preview[% loop.count %]"></div>
1276	[% ELSE %]
1277	<span class="no-image">No cover image available</span>
1278	[% END %]
1279	[% END %]
1280	[% IF ( BakerTaylorEnabled ) %]
1281	[% IF ( PREVIOUS_SHELF_BROWS.browser_normalized_isbn ) %]
1282	<img alt="See Baker & Taylor" src="[% BakerTaylorImageURL \|html %][% PREVIOUS_SHELF_BROWS.browser_normalized_isbn %]" />
1283	[% ELSE %]
1284	<span class="no-image">No cover image available</span>
1285	[% END %]
1286	[% END %]
1287	</a>
1288	</td>
1289	[% END %]
1290
1291	[% FOREACH NEXT_SHELF_BROWS IN NEXT_SHELF_BROWSE %]
1292	<td>
1293	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% NEXT_SHELF_BROWS.biblionumber %]&shelfbrowse_itemnumber=[% NEXT_SHELF_BROWS.itemnumber %]#shelfbrowser">
1294	[% IF ( OPACLocalCoverImages ) %]
1295	<div title="[% NEXT_SHELF_BROWS.biblionumber \|url %]" class="[% NEXT_SHELF_BROWS.biblionumber %] thumbnail-shelfbrowser" id="local-thumbnail-shelf-[% NEXT_SHELF_BROWS.biblionumber %]"></div>
1296	[% END %]
1297	[% IF ( OPACAmazonCoverImages ) %]
1298	[% IF ( NEXT_SHELF_BROWS.browser_normalized_isbn ) %]
1299	<img src="http://images.amazon.com/images/P/[% NEXT_SHELF_BROWS.browser_normalized_isbn %].01._AA75_PU_PU-5_.jpg" alt="" />
1300	[% ELSE %]
1301	<span class="no-image">No cover image available</span>
1302	[% END %]
1303	[% END %]
1304
1305	[% IF ( SyndeticsEnabled ) %]
1306	[% IF ( SyndeticsCoverImages ) %]
1307	[% IF ( content_identifier_exists ) %]
1308	[% IF ( using_https ) %]
1309	<img src="https://secure.syndetics.com/index.aspx?isbn=[% NEXT_SHELF_BROWS.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( NEXT_SHELF_BROWS.browser_normalized_upc ) %]&upc=[% NEXT_SHELF_BROWS.browser_normalized_upc %][% END %][% IF ( NEXT_SHELF_BROWS.browser_normalized_oclc ) %]&oclc=[% NEXT_SHELF_BROWS.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
1310	[% ELSE %]
1311	<img src="http://www.syndetics.com/index.aspx?isbn=[% NEXT_SHELF_BROWS.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( NEXT_SHELF_BROWS.browser_normalized_upc ) %]&upc=[% NEXT_SHELF_BROWS.browser_normalized_upc %][% END %][% IF ( NEXT_SHELF_BROWS.browser_normalized_oclc ) %]&oclc=[% NEXT_SHELF_BROWS.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
1312	[% END %]
1313	[% ELSE %]
1314	<span class="no-image">No cover image available</span>
1315	[% END %]
1316	[% END %]
1317	[% END %]
1318
1319	[% IF ( GoogleJackets ) %]
1320	[% IF ( NEXT_SHELF_BROWS.browser_normalized_isbn ) %]
1321	<div title="[% NEXT_SHELF_BROWS.biblionumber \|url %]" class="[% NEXT_SHELF_BROWS.browser_normalized_isbn %]" id="gbs-thumbnail-preview[% loop.count %]"></div>
1322	[% ELSE %]
1323	<span class="no-image">No cover image available</span>
1324	[% END %]
1325	[% END %]
1326	[% IF ( BakerTaylorEnabled ) %]
1327	[% IF ( NEXT_SHELF_BROWS.browser_normalized_isbn ) %]
1328	<img alt="See Baker & Taylor" src="[% BakerTaylorImageURL \|html %][% NEXT_SHELF_BROWS.browser_normalized_isbn %]" />
1329	[% ELSE %]
1330	<span class="no-image">No cover image available</span>
1331	[% END %]
1332	[% END %]
1333	</a>
1334	</td>
1335	[% END %]
1336
1337	<td rowspan="2">
1338	<div id="browser_next">
1339	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% IF ( shelfbrowser_next_biblionumber ) %][% shelfbrowser_next_biblionumber %][% ELSE %][% biblionumber %][% END %]&shelfbrowse_itemnumber=[% shelfbrowser_next_itemnumber %]#shelfbrowser">Next</a>
1340	</div>
1341	</td>
1342	</tr>
1343
1344	<tr>
1345	[% FOREACH PREVIOUS_SHELF_BROWS IN PREVIOUS_SHELF_BROWSE %]
1346	<td class="top">
1347	[% PREVIOUS_SHELF_BROWS.itemcallnumber %]
1348	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% PREVIOUS_SHELF_BROWS.biblionumber %]&shelfbrowse_itemnumber=[% PREVIOUS_SHELF_BROWS.itemnumber %]#shelfbrowser">[% PREVIOUS_SHELF_BROWS.title \|html %]</a>
1349	</td>
1350	[% END %]
1351
1352	[% FOREACH NEXT_SHELF_BROWS IN NEXT_SHELF_BROWSE %]
1353	<td class="top" style="width:20px;">
1354	[% NEXT_SHELF_BROWS.itemcallnumber %]
1355	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% NEXT_SHELF_BROWS.biblionumber %]&shelfbrowse_itemnumber=[% NEXT_SHELF_BROWS.itemnumber %]#shelfbrowser">[% NEXT_SHELF_BROWS.title \|html %]</a>
1356	</td>
1357	[% END %]
1358	</tr>
1359	</table>
1360	</div>
1361	[% END %]
1362	[% END # end of shelfbrowser block %]
1363	[% BLOCK jsinclude %]	1234	[% BLOCK jsinclude %]
1364	[% INCLUDE 'datatables.inc' %]	1235	[% INCLUDE 'datatables.inc' %]
1365	[% IF ( SocialNetworks ) %]	1236	[% IF ( SocialNetworks ) %]
Lines 1514-1520 Link Here
1514	navigation.hide();	1385	navigation.hide();
1515	});	1386	});
1516	[% END %]	1387	[% END %]
		1388	[% IF ( OPACShelfBrowser ) %]
		1389
		1390	(function prepareShelfBrowser(){
		1391
		1392	$(".main").on("click",".close_shelf",function(e){
		1393	e.preventDefault();
		1394	$("#shelfbrowser").toggle();
		1395	});
		1396	$(".main").on("click", "#browser_previous a", function(e){
		1397	e.preventDefault();
		1398	$.ajax({
		1399	url: "/cgi-bin/koha/svc/shelfbrowser.pl",
		1400	type: "POST",
		1401	data: {
		1402	"shelfbrowse_itemnumber": $("#browser_previous a").data( "prev-itemnumber" )
		1403	},
		1404	success: function(data){
		1405	$("#shelfbrowser").replaceWith(data);
		1406	[% IF ( GoogleJackets ) %]
		1407	KOHA.Google.GetCoverFromIsbn([% covernewwindow %]);
		1408	[% END %]
		1409	[% IF OpenLibraryCovers %]
		1410	KOHA.OpenLibrary.GetCoverFromIsbn();
		1411	[% END %]
		1412	[% IF OPACLocalCoverImages %]
		1413	KOHA.LocalCover.GetCoverFromBibnumber(true);
		1414	[% END %]
		1415	}
		1416	});
		1417	});
1517		1418
		1419	$(".main").on("click", "#browser_next a", function(e){
		1420	e.preventDefault();
		1421	$.ajax({
		1422	url: "/cgi-bin/koha/svc/shelfbrowser.pl",
		1423	type: "POST",
		1424	data: {
		1425	"shelfbrowse_itemnumber": $("#browser_next a").data( "next-itemnumber" )
		1426	},
		1427	success: function(data){
		1428	$("#shelfbrowser").replaceWith(data);
		1429	[% IF ( GoogleJackets ) %]
		1430	KOHA.Google.GetCoverFromIsbn([% covernewwindow %]);
		1431	[% END %]
		1432	[% IF OpenLibraryCovers %]
		1433	KOHA.OpenLibrary.GetCoverFromIsbn();
		1434	[% END %]
		1435	[% IF OPACLocalCoverImages %]
		1436	KOHA.LocalCover.GetCoverFromBibnumber(true);
		1437	[% END %]
		1438	}
		1439	});
		1440	});
		1441	}());
		1442	[% END %]
1518	[% IF ( OpacStarRatings != 'disable' ) %]	1443	[% IF ( OpacStarRatings != 'disable' ) %]
1519	// -----------------------------------------------------	1444	// -----------------------------------------------------
1520	// star-ratings code	1445	// star-ratings code

Line 0 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/shelfbrowser.tt (+2 lines)
	1	[% PROCESS 'shelfbrowser.inc' %]
	2	[% INCLUDE shelfbrowser %]




    overflow: auto;
}

#shelfbrowser {
    table {
        margin : 0;
    }
    table,
    td,
    th {
        border : 0;
        font-size : 90%;
        text-align : center;
    }
    td,
    th {
        padding: 3px 5px;
        width : 20%;
    }
    a {
        display : block;
        font-size : 110%;
        font-weight : bold;
        text-decoration : none;
    }
    #browser_next,
    #browser_previous {
        background-image : url("../images/sprite.png");
        background-repeat: no-repeat;
        width : 16px;
        a {
            cursor: pointer;
            display : block;
            height: 0 !important;
            margin: 0;
            overflow: hidden;
            padding: 50px 0 0;
            text-decoration: none;
            width: 16px;
        }
    }
    #browser_previous {
        background-position: -9px -1007px;
    }
    #browser_next {
        background-position: -9px -1057px;
    }
}

@import "responsive.less";
- 

Return to bug 10309

Lines 2146-2151 td img { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/opac.css (+44 lines)
2146	display: block;	2146	display: block;
2147	overflow: auto;	2147	overflow: auto;
2148	}	2148	}
		2149	#shelfbrowser table {
		2150	margin: 0;
		2151	}
		2152	#shelfbrowser table,
		2153	#shelfbrowser td,
		2154	#shelfbrowser th {
		2155	border: 0;
		2156	font-size: 90%;
		2157	text-align: center;
		2158	}
		2159	#shelfbrowser td,
		2160	#shelfbrowser th {
		2161	padding: 3px 5px;
		2162	width: 20%;
		2163	}
		2164	#shelfbrowser a {
		2165	display: block;
		2166	font-size: 110%;
		2167	font-weight: bold;
		2168	text-decoration: none;
		2169	}
		2170	#shelfbrowser #browser_next,
		2171	#shelfbrowser #browser_previous {
		2172	background-image: url("../images/sprite.png");
		2173	background-repeat: no-repeat;
		2174	width: 16px;
		2175	}
		2176	#shelfbrowser #browser_next a,
		2177	#shelfbrowser #browser_previous a {
		2178	cursor: pointer;
		2179	display: block;
		2180	height: 0 !important;
		2181	margin: 0;
		2182	overflow: hidden;
		2183	padding: 50px 0 0;
		2184	text-decoration: none;
		2185	width: 16px;
		2186	}
		2187	#shelfbrowser #browser_previous {
		2188	background-position: -9px -1007px;
		2189	}
		2190	#shelfbrowser #browser_next {
		2191	background-position: -9px -1057px;
		2192	}
2149	.shadowed {	2193	.shadowed {
2150	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);	2194	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
2151	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);	2195	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);

Lines 2173-2176 td img { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less (-1 / +46 lines)
2173	overflow: auto;	2173	overflow: auto;
2174	}	2174	}
2175		2175
		2176	#shelfbrowser {
		2177	table {
		2178	margin : 0;
		2179	}
		2180	table,
		2181	td,
		2182	th {
		2183	border : 0;
		2184	font-size : 90%;
		2185	text-align : center;
		2186	}
		2187	td,
		2188	th {
		2189	padding: 3px 5px;
		2190	width : 20%;
		2191	}
		2192	a {
		2193	display : block;
		2194	font-size : 110%;
		2195	font-weight : bold;
		2196	text-decoration : none;
		2197	}
		2198	#browser_next,
		2199	#browser_previous {
		2200	background-image : url("../images/sprite.png");
		2201	background-repeat: no-repeat;
		2202	width : 16px;
		2203	a {
		2204	cursor: pointer;
		2205	display : block;
		2206	height: 0 !important;
		2207	margin: 0;
		2208	overflow: hidden;
		2209	padding: 50px 0 0;
		2210	text-decoration: none;
		2211	width: 16px;
		2212	}
		2213	}
		2214	#browser_previous {
		2215	background-position: -9px -1007px;
		2216	}
		2217	#browser_next {
		2218	background-position: -9px -1057px;
		2219	}
		2220	}
		2221
2176	@import "responsive.less";	2222	@import "responsive.less";
2177	-

Line 0 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/shelfbrowser.inc (+86 lines)
		1	[% BLOCK shelfbrowser %]
		2	[% IF OpenOPACShelfBrowser %]
		3	<div id="shelfbrowser">
		4	<h5 style="text-align: center;">
		5	[% IF ( starting_homebranch ) %]Browsing [% starting_homebranch %] Shelves[% END %]
		6	[% IF ( starting_location ) %], Shelving location: [% starting_location %][% END %]
		7	[% IF ( starting_ccode ) %], Collection code: [% starting_ccode %][% END %]
		8	<a style="font-size: 75%;" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber %]" class="close_shelf" >Close shelf browser</a>
		9	</h5>
		10
		11	<table class="table">
		12	<tr>
		13	<td rowspan="2">
		14	[% IF shelfbrowser_prev_item %]
		15	<div id="browser_previous">
		16	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_prev_item.biblionumber %]&shelfbrowse_itemnumber=[% shelfbrowser_prev_item.itemnumber %]#shelfbrowser" data-prev-itemnumber="[% shelfbrowser_prev_item.itemnumber %]">Previous</a>
		17	</div>
		18	[% END %]
		19	</td>
		20
		21	[% FOREACH item IN shelfbrowser_items %]
		22	<td>
		23	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber %]&shelfbrowse_itemnumber=[% item.itemnumber %]#shelfbrowser">
		24	[% IF ( OPACLocalCoverImages ) %]
		25	<div title="[% item.biblionumber \|url %]" class="[% item.biblionumber %] thumbnail-shelfbrowser" id="local-thumbnail-shelf-[% item.biblionumber %]"></div>
		26	[% END %]
		27	[% IF ( OPACAmazonCoverImages ) %]
		28	[% IF ( item.browser_normalized_isbn ) %]
		29	<img src="http://images.amazon.com/images/P/[% item.browser_normalized_isbn %].01._AA75_PU_PU-5_.jpg" alt="" />
		30	[% ELSE %]
		31	<span class="no-image">No cover image available</span>
		32	[% END %]
		33	[% END %]
		34
		35	[% IF ( SyndeticsEnabled ) %]
		36	[% IF ( SyndeticsCoverImages ) %]
		37	[% IF ( content_identifier_exists ) %]
		38	[% IF ( using_https ) %]
		39	<img src="https://secure.syndetics.com/index.aspx?isbn=[% item.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( item.browser_normalized_upc ) %]&upc=[% item.browser_normalized_upc %][% END %][% IF ( item.browser_normalized_oclc ) %]&oclc=[% item.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
		40	[% ELSE %]
		41	<img src="http://www.syndetics.com/index.aspx?isbn=[% item.browser_normalized_isbn %]/SC.GIF&client=[% SyndeticsClientCode %][% IF ( item.browser_normalized_upc ) %]&upc=[% item.browser_normalized_upc %][% END %][% IF ( item.browser_normalized_oclc ) %]&oclc=[% item.browser_normalized_oclc %][% END %]&type=xw10" alt="" />
		42	[% END %]
		43	[% ELSE %]
		44	<span class="no-image">No cover image available</span>
		45	[% END %]
		46	[% END %]
		47	[% END %]
		48
		49	[% IF ( GoogleJackets ) %]
		50	[% IF ( item.browser_normalized_isbn ) %]
		51	<div style="block" title="[% item.biblionumber \|url %]" class="[% item.browser_normalized_isbn %]" id="gbs-thumbnail-preview[% loop.count %]"></div>
		52	[% ELSE %]
		53	<span class="no-image">No cover image available</span>
		54	[% END %]
		55	[% END %]
		56	[% IF ( BakerTaylorEnabled ) %]
		57	[% IF ( item.browser_normalized_isbn ) %]
		58	<img alt="See Baker & Taylor" src="[% BakerTaylorImageURL \|html %][% item.browser_normalized_isbn %]" />
		59	[% ELSE %]
		60	<span class="no-image">No cover image available</span>
		61	[% END %]
		62	[% END %]
		63	</a>
		64	</td>
65	[% END %]
66	<td rowspan="2">
67	[% IF shelfbrowser_next_item %]
68	<div id="browser_next">
69	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% shelfbrowser_next_item.biblionumber %]&shelfbrowse_itemnumber=[% shelfbrowser_next_item.itemnumber %]#shelfbrowser" data-next-itemnumber="[% shelfbrowser_next_item.itemnumber %]">Next</a>
70	</div>
71	[% END %]
72	</td>
73	</tr>
74
75	<tr>
76	[% FOREACH item IN shelfbrowser_items %]
77	<td class="top">
78	[% item.itemcallnumber %]
79	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber %]&shelfbrowse_itemnumber=[% item.itemnumber %]#shelfbrowser">[% item.title \|html %]</a>
80	</td>
81	[% END %]
82	</tr>
83	</table>
84	</div>
85	[% END # /IF OpenOPACShelfBrowser %]
86	[% END # end of shelfbrowser block %]