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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+39 lines)
Lines 217-222 Link Here
217
    #checkouts_filter {
217
    #checkouts_filter {
218
        display: block;
218
        display: block;
219
    }
219
    }
220
221
    #opac-userlists,
222
    #opac-lists {
223
        .toolbar-collapse-toggle {
224
            background-color: #EEEEEE;
225
            color: $gray-550;
226
            display: block !important;
227
            font-size: .9rem;
228
            padding: 6px 10px;
229
            text-align: center;
230
            width: 100%;
231
232
            &:hover,
233
            &:focus {
234
                background-color: darken( #EEEEEE, 5% );
235
                color: $gray-700;
236
                text-decoration: none;
237
            }
238
        }
239
240
        .toolbar-collapse {
241
            display: none;
242
243
            &.open {
244
                display: block;
245
            }
246
        }
247
248
        .actions-menu .actions {
249
            display: inline;
250
251
            a {
252
                display: inline;
253
                font-size: .9rem;
254
                font-weight: normal;
255
                margin: 0;
256
            }
257
        }
258
    }
220
}
259
}
221
260
222
@media only screen and ( max-width: 700px ) {
261
@media only screen and ( max-width: 700px ) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt (-1 / +15 lines)
Lines 258-263 Link Here
258
                            [% SET contents = shelf.get_contents %]
258
                            [% SET contents = shelf.get_contents %]
259
                            [% IF ( contents.count ) %]<p>This list contains [% contents.count | html %] titles</p>[% END %]
259
                            [% IF ( contents.count ) %]<p>This list contains [% contents.count | html %] titles</p>[% END %]
260
                            <div id="floating" class="sticky">
260
                            <div id="floating" class="sticky">
261
                                <a href="#" class="toolbar-collapse-toggle d-none" aria-expanded="false" aria-controls="toolbar-collapse-content">
262
                                    <i class="fa fa-bars" aria-hidden="true"></i> List actions
263
                                </a>
264
                                <div class="toolbar-collapse" id="toolbar-collapse-content">
261
                                <div id="toolbar" class="toolbar clearfix">
265
                                <div id="toolbar" class="toolbar clearfix">
262
                                    <div class="list-actions">
266
                                    <div class="list-actions">
263
                                        <a class="btn btn-link newshelf" href="/cgi-bin/koha/opac-shelves.pl?op=add_form"><i class="fa fa-fw fa-plus" aria-hidden="true"></i> New list</a> <span class="sep">|</span>
267
                                        <a class="btn btn-link newshelf" href="/cgi-bin/koha/opac-shelves.pl?op=add_form"><i class="fa fa-fw fa-plus" aria-hidden="true"></i> New list</a> <span class="sep">|</span>
Lines 401-406 Link Here
401
                                </div>
405
                                </div>
402
                                <!-- / #toolbar -->
406
                                <!-- / #toolbar -->
403
                                [% INCLUDE 'result-batch-controls.inc' %]
407
                                [% INCLUDE 'result-batch-controls.inc' %]
408
                                </div> <!-- / .toolbar-collapse -->
404
                            </div>
409
                            </div>
405
                            <!-- /#floating -->
410
                            <!-- /#floating -->
406
411
Lines 1094-1099 Link Here
1094
                Dopop( link );
1099
                Dopop( link );
1095
            });
1100
            });
1096
1101
1102
            $(".toolbar-collapse-toggle").on("click", function(e) {
1103
                e.preventDefault();
1104
                var $toggle = $(this);
1105
                var $collapse = $toggle.siblings(".toolbar-collapse");
1106
                var isOpen = $collapse.hasClass("open");
1107
                $collapse.toggleClass("open");
1108
                $toggle.attr("aria-expanded", !isOpen ? "true" : "false");
1109
                $toggle.find("i").toggleClass("fa-bars fa-times");
1110
            });
1111
1097
        }); // document.ready
1112
        }); // document.ready
1098
1113
1099
        function sortMenu( sorting_form ){
1114
        function sortMenu( sorting_form ){
1100
- 

Return to bug 41963