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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-21 / +22 lines)
Lines 218-250 Link Here
218
        display: block;
218
        display: block;
219
    }
219
    }
220
220
221
    #opac-userlists,
221
    .toolbar-collapse-toggle {
222
    #opac-lists {
222
        background-color: #EEEEEE;
223
        .toolbar-collapse-toggle {
223
        color: $gray-550;
224
            background-color: #EEEEEE;
224
        display: block !important;
225
            color: $gray-550;
225
        font-size: .9rem;
226
            display: block !important;
226
        padding: 6px 10px;
227
            font-size: .9rem;
227
        text-align: center;
228
            padding: 6px 10px;
228
        width: 100%;
229
            text-align: center;
230
            width: 100%;
231
229
232
            &:hover,
230
        &:hover,
233
            &:focus {
231
        &:focus {
234
                background-color: darken( #EEEEEE, 5% );
232
            background-color: darken( #EEEEEE, 5% );
235
                color: $gray-700;
233
            color: $gray-700;
236
                text-decoration: none;
234
            text-decoration: none;
237
            }
238
        }
235
        }
236
    }
239
237
240
        .toolbar-collapse {
238
    .toolbar-collapse {
241
            display: none;
239
        display: none;
242
240
243
            &.open {
241
        &.open {
244
                display: block;
242
            display: block;
245
            }
246
        }
243
        }
244
    }
247
245
246
    #opac-userlists,
247
    #opac-lists,
248
    #results {
248
        .actions-menu .actions {
249
        .actions-menu .actions {
249
            display: inline;
250
            display: inline;
250
251
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt (-36 / +40 lines)
Lines 194-237 Link Here
194
                                [% END # IF /searchdesc %]
194
                                [% END # IF /searchdesc %]
195
195
196
                                <div id="floating" class="sticky">
196
                                <div id="floating" class="sticky">
197
                                    <div id="toolbar" class="toolbar row align-items-center">
197
                                    <a href="#" class="toolbar-collapse-toggle d-none" aria-expanded="false" aria-controls="toolbar-collapse-content"> <i class="fa fa-bars" aria-hidden="true"></i> Search controls </a>
198
                                        <div id="top-pages" class="col"> [% INCLUDE 'page-numbers.inc' %] </div>
198
                                    <div class="toolbar-collapse" id="toolbar-collapse-content">
199
                                        [% UNLESS tag %]
199
                                        <div id="toolbar" class="toolbar row align-items-center">
200
                                            <div class="sort_by col-sm-auto">
200
                                            <div id="top-pages" class="col"> [% INCLUDE 'page-numbers.inc' %] </div>
201
                                                <label for="sort_by">Sort results by:</label>
201
                                            [% UNLESS tag %]
202
                                                <label for="sort_by" class="sr-only">Sort by:</label>
202
                                                <div class="sort_by col-sm-auto">
203
                                                <select id="sort_by" class="resort form-select form-select-sm" name="sort_by">
203
                                                    <label for="sort_by">Sort results by:</label>
204
                                                    [% INCLUDE 'resort_form.inc' %]
204
                                                    <label for="sort_by" class="sr-only">Sort by:</label>
205
                                                </select>
205
                                                    <select id="sort_by" class="resort form-select form-select-sm" name="sort_by">
206
206
                                                        [% INCLUDE 'resort_form.inc' %]
207
                                                [% IF Koha.Preference('OPACnumSearchResultsDropdown') %]
208
                                                    <label for="results_per_page">Results per page: </label>
209
                                                    <select id="results_per_page" class="form-select" name="count">
210
                                                        [% IF Koha.Preference('OPACnumSearchResults') %]
211
                                                            [% IF results_per_page == Koha.Preference('OPACnumSearchResults') %]
212
                                                                <option value="[% Koha.Preference('OPACnumSearchResults') | html %]" selected="selected">[% Koha.Preference('OPACnumSearchResults') | html %] (default)</option>
213
                                                            [% ELSE %]
214
                                                                <option value="[% Koha.Preference('OPACnumSearchResults') | html %]">[% Koha.Preference('OPACnumSearchResults') | html %] (default)</option>
215
                                                            [% END %]
216
                                                        [% END %]
217
                                                        [% IF results_per_page == '20' %]<option value="20" selected="selected">20</option>[% ELSE %]<option value="20">20</option>[% END %]
218
                                                        [% IF results_per_page == '40' %]<option value="40" selected="selected">40</option>[% ELSE %]<option value="40">40</option>[% END %]
219
                                                        [% IF results_per_page == '60' %]<option value="60" selected="selected">60</option>[% ELSE %]<option value="60">60</option>[% END %]
220
                                                        [% IF results_per_page == '80' %]<option value="80" selected="selected">80</option>[% ELSE %]<option value="80">80</option>[% END %]
221
                                                        [% IF results_per_page == '100' %]<option value="100" selected="selected">100</option>[% ELSE %]<option value="100">100</option>[% END %]
222
                                                    </select>
207
                                                    </select>
223
                                                [% END # IF Koha.Preference('OPACnumSearchResultsDropdown') %]
224
                                            </div>
225
                                            <!-- /.sort_by -->
226
                                            <div id="sortsubmit" class="sort_by col-auto">
227
                                                <input type="submit" class="btn btn-primary btn-sm clearfix" value="Go" />
228
                                            </div>
229
                                            <!-- /.sort_by -->
230
                                        [% END # /UNLESS tag %]
231
                                    </div>
232
                                    <!-- / #toolbar -->
233
208
234
                                    [% INCLUDE 'result-batch-controls.inc' results=1 %]
209
                                                    [% IF Koha.Preference('OPACnumSearchResultsDropdown') %]
210
                                                        <label for="results_per_page">Results per page: </label>
211
                                                        <select id="results_per_page" class="form-select" name="count">
212
                                                            [% IF Koha.Preference('OPACnumSearchResults') %]
213
                                                                [% IF results_per_page == Koha.Preference('OPACnumSearchResults') %]
214
                                                                    <option value="[% Koha.Preference('OPACnumSearchResults') | html %]" selected="selected">[% Koha.Preference('OPACnumSearchResults') | html %] (default)</option>
215
                                                                [% ELSE %]
216
                                                                    <option value="[% Koha.Preference('OPACnumSearchResults') | html %]">[% Koha.Preference('OPACnumSearchResults') | html %] (default)</option>
217
                                                                [% END %]
218
                                                            [% END %]
219
                                                            [% IF results_per_page == '20' %]<option value="20" selected="selected">20</option>[% ELSE %]<option value="20">20</option>[% END %]
220
                                                            [% IF results_per_page == '40' %]<option value="40" selected="selected">40</option>[% ELSE %]<option value="40">40</option>[% END %]
221
                                                            [% IF results_per_page == '60' %]<option value="60" selected="selected">60</option>[% ELSE %]<option value="60">60</option>[% END %]
222
                                                            [% IF results_per_page == '80' %]<option value="80" selected="selected">80</option>[% ELSE %]<option value="80">80</option>[% END %]
223
                                                            [% IF results_per_page == '100' %]<option value="100" selected="selected">100</option>[% ELSE %]<option value="100">100</option>[% END %]
224
                                                        </select>
225
                                                    [% END # IF Koha.Preference('OPACnumSearchResultsDropdown') %]
226
                                                </div>
227
                                                <!-- /.sort_by -->
228
                                                <div id="sortsubmit" class="sort_by col-auto">
229
                                                    <input type="submit" class="btn btn-primary btn-sm clearfix" value="Go" />
230
                                                </div>
231
                                                <!-- /.sort_by -->
232
                                            [% END # /UNLESS tag %]
233
                                        </div>
234
                                        <!-- / #toolbar -->
235
236
                                        [% INCLUDE 'result-batch-controls.inc' results=1 %]
237
                                    </div>
238
                                    <!-- / .toolbar-collapse -->
235
                                </div>
239
                                </div>
236
                                <!-- /#floating -->
240
                                <!-- /#floating -->
237
241
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt (-10 lines)
Lines 1100-1115 Link Here
1100
                Dopop( link );
1100
                Dopop( link );
1101
            });
1101
            });
1102
1102
1103
            $(".toolbar-collapse-toggle").on("click", function(e) {
1104
                e.preventDefault();
1105
                var $toggle = $(this);
1106
                var $collapse = $toggle.siblings(".toolbar-collapse");
1107
                var isOpen = $collapse.hasClass("open");
1108
                $collapse.toggleClass("open");
1109
                $toggle.attr("aria-expanded", !isOpen ? "true" : "false");
1110
                $toggle.find("i").toggleClass("fa-bars fa-times");
1111
            });
1112
1113
        }); // document.ready
1103
        }); // document.ready
1114
1104
1115
        function sortMenu( sorting_form ){
1105
        function sortMenu( sorting_form ){
(-)a/koha-tmpl/opac-tmpl/bootstrap/js/global.js (-1 / +10 lines)
Lines 304-309 $(document).ready(function () { Link Here
304
        facetMenu("hide");
304
        facetMenu("hide");
305
    }
305
    }
306
306
307
    $(".toolbar-collapse-toggle").on("click", function (e) {
308
        e.preventDefault();
309
        var $toggle = $(this);
310
        var $collapse = $toggle.siblings(".toolbar-collapse");
311
        var isOpen = $collapse.hasClass("open");
312
        $collapse.toggleClass("open");
313
        $toggle.attr("aria-expanded", isOpen ? "false" : "true");
314
        $toggle.find("i").toggleClass("fa-bars fa-times");
315
    });
316
307
    // clear the basket when user logs out
317
    // clear the basket when user logs out
308
    $("#logout").click(function () {
318
    $("#logout").click(function () {
309
        var nameCookie = "bib_list";
319
        var nameCookie = "bib_list";
310
- 

Return to bug 41963