Attachment #135367 for bug #29603

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




        display: none;
    }

    #wrapper {
        padding: 0;
    }

    .table_controls {
        display: block;

        label {
            display: block;
        }
    }
}

@media only screen and ( max-width: 800px ) {
    /* Screens below 800 pixels wide */
    .cartlabel,
    .listslabel,
    .langlabel,
    .userlabel {
        display: none;
    }

    .navbar {
        .divider-vertical {
            margin: 0 2px;
        }
    }
}

@media only screen and ( max-width: 991px ) {
    #search-facets {
        margin-bottom: .5em;

        h2 {
            display: block;
            margin: 0;
            padding: 0;

                border-bottom: 0;
                font-weight: normal;
                padding: .7em .2em;

                &::before {
                    content: "\f0da";
                    display: inline-block;
                    font-family: FontAwesome;
                    width: 1em;
                }
            }
        }


            padding: .4em;
        }

        h3 {
            margin: .2em;
        }


        }
    }

    #menu h2 a.menu-open,
    #search-facets h2 a.menu-open {
        border-bottom: 1px solid #D8D8D8;
    }

    #wrapper {
        padding: 0;
    }

        &::before {
            content: "\f0d7";
            display: inline-block;
            font-family: FontAwesome;
            width: 1em;
        }
    }
}

@media only screen and ( max-width: 800px ) {
    /* Screens below 800 pixels wide */
    .cartlabel,
    .listslabel,
    .langlabel,
    .userlabel {
        display: none;
    }

    .navbar {
        .divider-vertical {
            margin: 0 2px;
        }
    }
}




                    </div>
                [% END %]

                [% IF ( opacfacets ) %]
                    <div class="col-lg-10 maincontent">
                        <div class="col-lg-10 order-first order-md-first order-lg-2 maincontent">
                    [% ELSE %]
                        <div class="col order-first order-md-first order-lg-2 maincontent">
                   [% END %]
                [% ELSE %]
                    <div class="col maincontent">
                        <div class="col-lg-10 order-first order-md-first order-lg-2">
                    [% ELSE %]
                        <div class="col order-first order-md-first order-lg-2">
                    [% END %]
                [% END %]

                [% IF ( searchdesc ) %]

Lines 11-17 enquire.register("screen and (max-width:608px)", { Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/js/script.js (-3 / +2 lines)
11	}	11	}
12	});	12	});
13		13
14	enquire.register("screen and (min-width:768px)", {	14	enquire.register("screen and (min-width:992px)", {
15	match : function() {	15	match : function() {
16	facetMenu( "show" );	16	facetMenu( "show" );
17	},	17	},
Lines 44-50 $(document).ready(function(){ Link Here
44	$(".js-show").show();	44	$(".js-show").show();
45	$(".js-hide").hide();	45	$(".js-hide").hide();
46		46
47	if( $(window).width() < 768 ){	47	if( $(window).width() < 991 ){
48	facetMenu("hide");	48	facetMenu("hide");
49	}	49	}
50		50
51	-

Return to bug 29603

Lines 381-390 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-30 / +46 lines)
381	display: none;	381	display: none;
382	}	382	}
383		383
		384	#wrapper {
		385	padding: 0;
		386	}
		387
		388	.table_controls {
		389	display: block;
		390
		391	label {
		392	display: block;
		393	}
		394	}
		395	}
		396
		397	@media only screen and ( max-width: 800px ) {
		398	/* Screens below 800 pixels wide */
		399	.cartlabel,
		400	.listslabel,
		401	.langlabel,
		402	.userlabel {
		403	display: none;
		404	}
		405
		406	.navbar {
		407	.divider-vertical {
		408	margin: 0 2px;
		409	}
		410	}
		411	}
		412
		413	@media only screen and ( max-width: 991px ) {
384	#search-facets {	414	#search-facets {
385	margin-bottom: .5em;	415	margin-bottom: .5em;
386		416
387	h4 {	417	h2 {
388	display: block;	418	display: block;
389	margin: 0;	419	margin: 0;
390	padding: 0;	420	padding: 0;
Lines 393-398 Link Here
393	border-bottom: 0;	423	border-bottom: 0;
394	font-weight: normal;	424	font-weight: normal;
395	padding: .7em .2em;	425	padding: .7em .2em;
		426
		427	&::before {
		428	content: "\f0da";
		429	display: inline-block;
		430	font-family: FontAwesome;
		431	width: 1em;
		432	}
396	}	433	}
397	}	434	}
398		435
Lines 400-406 Link Here
400	padding: .4em;	437	padding: .4em;
401	}	438	}
402		439
403	h5 {	440	h3 {
404	margin: .2em;	441	margin: .2em;
405	}	442	}
406		443
Lines 409-444 Link Here
409	}	446	}
410	}	447	}
411		448
412	#menu h4 a.menu-open,	449	#menu h2 a.menu-open,
413	#search-facets h4 a.menu-open {	450	#search-facets h2 a.menu-open {
414	border-bottom: 1px solid #D8D8D8;	451	border-bottom: 1px solid #D8D8D8;
415	}
416
417	#wrapper {
418	padding: 0;
419	}
420		452
421	.table_controls {	453	&::before {
422	display: block;	454	content: "\f0d7";
423		455	display: inline-block;
424	label {	456	font-family: FontAwesome;
425	display: block;	457	width: 1em;
426	}
427	}
428	}
429
430	@media only screen and ( max-width: 800px ) {
431	/* Screens below 800 pixels wide */
432	.cartlabel,
433	.listslabel,
434	.langlabel,
435	.userlabel {
436	display: none;
437	}
438
439	.navbar {
440	.divider-vertical {
441	margin: 0 2px;
442	}	458	}
443	}	459	}
444	}	460	}

Lines 100-117 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt (-11 / +3 lines)
100	</div>	100	</div>
101	[% END %]	101	[% END %]
102		102
103	[% IF ( total ) %]	103	[% IF ( opacfacets ) %]
104	[% IF ( opacfacets ) %]	104	<div class="col-lg-10 maincontent">
105	<div class="col-lg-10 order-first order-md-first order-lg-2 maincontent">
106	[% ELSE %]
107	<div class="col order-first order-md-first order-lg-2 maincontent">
108	[% END %]
109	[% ELSE %]	105	[% ELSE %]
110	[% IF ( opacfacets ) %]	106	<div class="col maincontent">
111	<div class="col-lg-10 order-first order-md-first order-lg-2">
112	[% ELSE %]
113	<div class="col order-first order-md-first order-lg-2">
114	[% END %]
115	[% END %]	107	[% END %]
116		108
117	[% IF ( searchdesc ) %]	109	[% IF ( searchdesc ) %]