Attachment #113901 for bug #25267

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




}

#shelfbrowser {
    #browser_controls {
        display: flex;
        justify-content: space-between;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .col-md-3 {
    td,
    th {
        border: 0;
        font-size: 90%;
        text-align: center;
    }

    .no-image {
        display: inline-block;
        padding: 3px 5px;
        width: 20%;

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

    a {
        display: block;
        font-size: 110%;
        font-weight: bold;
        text-decoration: none;

        &.shelfbrowser_cover {
            min-height: 80px;
            min-width: 80px;
            display: inline-block;
        }
    }

    #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;
            }
        }
    }
}





                [%- IF ( starting_ccode ) %]Collection: [%- starting_ccode | html -%][% END -%]
                <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">
                <div id="browser_previous">
                    [% IF shelfbrowser_prev_item %]
                        <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>
                    [% END %]
                </div>
                <div id="browser_next">
                    [% IF shelfbrowser_next_item %]
                            <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>
                    [% END %]
                </div>
            </div>
                <div class="row">
                    [% FOREACH item IN shelfbrowser_items %]
                        <div class="col-md-3">
                            [% IF ( item.title ) %]
                                [% img_title = item.title %]
                            [% ELSE %]

                                        <span class="custom_cover_image">
                                            <img alt="Cover image" src="[% item.biblio_object.custom_cover_image_url | url %]" />
                                        </span>
                                     [% END %]

                                </a>
                                <div class="top">
                                    <div class="itemcallnumber">[% 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>
                                </div>
                            [% END %]
                        </div>
                    [% END %]
                </div>
                        [% 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 %]
                </tr>
            </table>
        </div>
    [% END # /IF OpenOPACShelfBrowser %]
[% END # end of shelfbrowser block %]
- 

Return to bug 25267

Lines 2071-2133 nav { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-52 / +8 lines)
2071	}	2071	}
2072		2072
2073	#shelfbrowser {	2073	#shelfbrowser {
2074	table {	2074	#browser_controls {
2075	margin: 0;	2075	display: flex;
		2076	justify-content: space-between;
		2077	padding-top: 1em;
		2078	padding-bottom: 1em;
2076	}	2079	}
2077		2080
2078	table,	2081	.col-md-3 {
2079	td,
2080	th {
2081	border: 0;
2082	font-size: 90%;
2083	text-align: center;	2082	text-align: center;
2084	}	2083	}
2085		2084
2086	td,	2085	.no-image {
2087	th {	2086	display: inline-block;
2088	padding: 3px 5px;
2089	width: 20%;
2090
2091	&.nav-cell {
2092	padding: 0;
2093	vertical-align: middle;
2094	width: 1em;
2095	}
2096	}
2097
2098	a {
2099	display: block;
2100	font-size: 110%;
2101	font-weight: bold;
2102	text-decoration: none;
2103
2104	&.shelfbrowser_cover {
2105	min-height: 80px;
2106	min-width: 80px;
2107	display: inline-block;
2108	}
2109	}
2110
2111	#browser_previous {
2112	a {
2113	transform: rotate(-90deg);
2114	white-space: nowrap;
2115
2116	i {
2117	padding: 0 .5em;
2118	}
2119	}
2120	}
2121
2122	#browser_next {
2123	a {
2124	transform: rotate(90deg);
2125	white-space: nowrap;
2126
2127	i {
2128	padding: 0 .5em;
2129	}
2130	}
2131	}	2087	}
2132	}	2088	}
2133		2089

Lines 9-27 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/shelfbrowser.inc (-34 / +23 lines)
9	[%- IF ( starting_ccode ) %]Collection: [%- starting_ccode \| html -%][% END -%]	9	[%- IF ( starting_ccode ) %]Collection: [%- starting_ccode \| html -%][% END -%]
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	<div id="browser_controls">
13	<table class="table">	13	<div id="browser_previous">
14	<tr>	14	[% IF shelfbrowser_prev_item %]
15	<td class="nav-cell" rowspan="2">	15	<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>
16	[% IF shelfbrowser_prev_item %]	16	[% END %]
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	<div id="browser_next">
19	</div>	19	[% IF shelfbrowser_next_item %]
20	[% END %]	20	<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>
21	</td>	21	[% END %]
22		22	</div>
		23	</div>
		24	<div class="row">
23	[% FOREACH item IN shelfbrowser_items %]	25	[% FOREACH item IN shelfbrowser_items %]
24	<td>	26	<div class="col-md-3">
25	[% IF ( item.title ) %]	27	[% IF ( item.title ) %]
26	[% img_title = item.title %]	28	[% img_title = item.title %]
27	[% ELSE %]	29	[% ELSE %]
Lines 74-105 Link Here
74	<span class="custom_cover_image">	76	<span class="custom_cover_image">
75	<img alt="Cover image" src="[% item.biblio_object.custom_cover_image_url \| url %]" />	77	<img alt="Cover image" src="[% item.biblio_object.custom_cover_image_url \| url %]" />
76	</span>	78	</span>
77	[% END %]	79	[% END %]
78		80
79	</a>	81	</a>
		82	<div class="top">
		83	<div class="itemcallnumber">[% item.itemcallnumber \| html %]</div>
		84	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber \| uri %]&shelfbrowse_itemnumber=[% item.itemnumber \| uri %]#shelfbrowser">
		85	[% INCLUDE 'biblio-title.inc' biblio=item %]
		86	</a>
		87	</div>
80	[% END %]	88	[% END %]
81	</td>	89	</div>
82	[% END %]	90	[% END %]
83	<td class="nav-cell" rowspan="2">	91	</div>
84	[% IF shelfbrowser_next_item %]
85	<div id="browser_next">
86	<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>
87	</div>
88	[% END %]
89	</td>
90	</tr>
91		92
92	<tr>
93	[% FOREACH item IN shelfbrowser_items %]
94	<td class="top">
95	[% item.itemcallnumber \| html %]
96	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber \| uri %]&shelfbrowse_itemnumber=[% item.itemnumber \| uri %]#shelfbrowser">
97	[% INCLUDE 'biblio-title.inc' biblio=item %]
98	</a>
99	</td>
100	[% END %]
101	</tr>
102	</table>
103	</div>	93	</div>
104	[% END # /IF OpenOPACShelfBrowser %]	94	[% END # /IF OpenOPACShelfBrowser %]
105	[% END # end of shelfbrowser block %]	95	[% END # end of shelfbrowser block %]
106	-