Attachment #160939 for bug #25267

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




    }
}

@media only screen and ( min-width: 767px ) {
    #shelfbrowser {
        .shelfbrowser-inner {
            grid-template-columns: repeat(5, 1fr);
        }
    }
}

@media only screen and ( max-width: 767px ) {
    /* Screens below 767 pixels wide */
    a {

            display: block;
        }
    }

    .shelfbrowser-inner {
        grid-template-columns: repeat(4, 1fr) !important;
    }

}

@media only screen and ( max-width: 800px ) {

    }
}

@media only screen and ( min-width: 1040px ) {
    #shelfbrowser {
        .shelfbrowser-inner {
            grid-template-columns: repeat(7, 1fr);
        }
    }
}

@media only screen and ( max-width: 1100px ) {
    .cartlabel,
    .cookieconsentlabel,




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

    .shelfbrowser-item {
        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;
        box-shadow: 0 2px 5px 0 rgba( 0,0,0,0.16 ),0 2px 10px 0 rgba( 0,0,0,0.12 );
        display: flex;
        flex-direction: column;
        padding: .5rem;
        text-align: center;
    }

    .shelfbrowser-details {
        display: block;
        font-size: 90%;
    }

    #browser_controls {


    a {
        display: block;
        font-size: calc(.75vw + 5px);
        font-weight: bold;
        text-decoration: none;

        &.shelfbrowser_cover {
            display: block;
            flex-grow: 1;
            min-height: 80px;
            min-width: 80px;
        }

Lines 84-93 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/shelfbrowser.inc (-5 / +6 lines)
84	[% END %]	84	[% END %]
85		85
86	</a>	86	</a>
87	<div class="shelfbrowser-callnumber">[% item.itemcallnumber \| html %]</div>	87	<div class="shelfbrowser-details">
88	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber \| uri %]&shelfbrowse_itemnumber=[% item.itemnumber \| uri %]#shelfbrowser">	88	<div class="shelfbrowser-callnumber">[% item.itemcallnumber \| html %]</div>
89	[% INCLUDE 'biblio-title.inc' biblio=item %]	89	<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% item.biblionumber \| uri %]&shelfbrowse_itemnumber=[% item.itemnumber \| uri %]#shelfbrowser">
90	</a>	90	[% INCLUDE 'biblio-title.inc' biblio=item %]
		91	</a>
		92	</div>
91	[% END %]	93	[% END %]
92	</div>	94	</div>
93	[% END %]	95	[% END %]
94	-

Return to bug 25267

Lines 313-318 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-5 / +16 lines)
313	}	313	}
314	}	314	}
315		315
		316	@media only screen and ( min-width: 767px ) {
		317	#shelfbrowser {
		318	.shelfbrowser-inner {
		319	grid-template-columns: repeat(5, 1fr);
		320	}
		321	}
		322	}
		323
316	@media only screen and ( max-width: 767px ) {	324	@media only screen and ( max-width: 767px ) {
317	/* Screens below 767 pixels wide */	325	/* Screens below 767 pixels wide */
318	a {	326	a {
Lines 341-351 Link Here
341	display: block;	349	display: block;
342	}	350	}
343	}	351	}
344
345	.shelfbrowser-inner {
346	grid-template-columns: repeat(4, 1fr) !important;
347	}
348
349	}	352	}
350		353
351	@media only screen and ( max-width: 800px ) {	354	@media only screen and ( max-width: 800px ) {
Lines 535-540 Link Here
535	}	538	}
536	}	539	}
537		540
		541	@media only screen and ( min-width: 1040px ) {
		542	#shelfbrowser {
		543	.shelfbrowser-inner {
		544	grid-template-columns: repeat(7, 1fr);
		545	}
		546	}
		547	}
		548
538	@media only screen and ( max-width: 1100px ) {	549	@media only screen and ( max-width: 1100px ) {
539	.cartlabel,	550	.cartlabel,
540	.cookieconsentlabel,	551	.cookieconsentlabel,

Lines 2315-2328 nav { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-5 / +13 lines)
2315	#shelfbrowser {	2315	#shelfbrowser {
2316	.shelfbrowser-inner {	2316	.shelfbrowser-inner {
2317	display: grid;	2317	display: grid;
2318	grid-template-columns: repeat(7, 1fr);
2319	grid-gap: 4px;	2318	grid-gap: 4px;
		2319	grid-template-columns: repeat( 3, 1fr );
2320	}	2320	}
2321		2321
2322	.shelfbrowser-item {	2322	.shelfbrowser-item {
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;	2323	border-radius: 4px;
		2324	box-shadow: 0 2px 5px 0 rgba( 0,0,0,0.16 ),0 2px 10px 0 rgba( 0,0,0,0.12 );
		2325	display: flex;
		2326	flex-direction: column;
		2327	padding: .5rem;
		2328	text-align: center;
		2329	}
		2330
		2331	.shelfbrowser-details {
		2332	display: block;
		2333	font-size: 90%;
2326	}	2334	}
2327		2335
2328	#browser_controls {	2336	#browser_controls {
Lines 2332-2343 nav { Link Here
2332		2340
2333	a {	2341	a {
2334	display: block;	2342	display: block;
2335	font-size: calc(.75vw + 5px);
2336	font-weight: bold;	2343	font-weight: bold;
2337	text-decoration: none;	2344	text-decoration: none;
2338		2345
2339	&.shelfbrowser_cover {	2346	&.shelfbrowser_cover {
2340	display: inline-block;	2347	display: block;
		2348	flex-grow: 1;
2341	min-height: 80px;	2349	min-height: 80px;
2342	min-width: 80px;	2350	min-width: 80px;
2343	}	2351	}