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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+8 lines)
Lines 408-413 Link Here
408
            margin: 0 2px;
408
            margin: 0 2px;
409
        }
409
        }
410
    }
410
    }
411
412
    #moresearches {
413
        display: none;
414
    }
415
416
    #moresearches-mobile {
417
        display: block !important;
418
    }
411
}
419
}
412
420
413
@media only screen and ( max-width: 991px ) {
421
@media only screen and ( max-width: 991px ) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+36 lines)
Lines 389-394 th { Link Here
389
    }
389
    }
390
}
390
}
391
391
392
#moresearches-mobile {
393
    color: #fff;
394
395
    .topnav {
396
        position: relative;
397
398
        #mobile-links {
399
            display: none;
400
        }
401
402
        a {
403
            color: #000;
404
            padding: 14px 16px;
405
            text-decoration: none;
406
            display: block;
407
408
            &:hover {
409
                background-color: #e9ecef;
410
            }
411
        }
412
413
        .icon {
414
            color: #000;
415
            display: block;
416
            position: absolute;
417
            right: 0;
418
            top: 0;
419
        }
420
    }
421
422
    .mobile_active {
423
        color: white;
424
        height: 50px;
425
    }
426
}
427
392
#news {
428
#news {
393
    margin: .5em 0;
429
    margin: .5em 0;
394
    padding: 1em;
430
    padding: 1em;
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (+12 lines)
Lines 140-145 Link Here
140
            [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
140
            [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
141
        </nav> <!-- /navbar -->
141
        </nav> <!-- /navbar -->
142
142
143
        <div id="moresearches-mobile" class="container-fluid" style="display: none;">
144
            <div class="topnav">
145
                <div href="#home" class="mobile_active"></div>
146
                <div id="mobile-links">
147
                    <ul>
148
                    </ul>
149
                </div>
150
                <a class="icon" onclick="openMoreSearches()" role="button"> <i class="fa fa-bars" aria-hidden="true"></i> </a>
151
            </div>
152
        </div>
153
143
        [% IF ( OpacHeader ) %]
154
        [% IF ( OpacHeader ) %]
144
            <div class="container-fluid">
155
            <div class="container-fluid">
145
                <div class="row">
156
                <div class="row">
Lines 355-360 Link Here
355
                    </li>
366
                    </li>
356
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
367
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
357
                </ul> <!-- /.nav#moresearches -->
368
                </ul> <!-- /.nav#moresearches -->
369
358
            </div> <!-- /.row -->
370
            </div> <!-- /.row -->
359
        </div> <!-- /.container-fluid -->
371
        </div> <!-- /.container-fluid -->
360
    [% END # / OpacPublic %]
372
    [% END # / OpacPublic %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc (-1 / +11 lines)
Lines 291-297 $(document).ready(function() { Link Here
291
        });
291
        });
292
    }
292
    }
293
});
293
});
294
295
$('#moresearches li').each( function() {
296
    $('#mobile-links > ul').append( $(this).clone() );
297
});
298
299
function openMoreSearches() {
300
  $("#mobile-links").toggle();
301
}
294
</script>
302
</script>
303
304
305
295
[% PROCESS jsinclude %]
306
[% PROCESS jsinclude %]
296
[% IF ( Koha.Preference('OPACUserJS') ) %]
307
[% IF ( Koha.Preference('OPACUserJS') ) %]
297
    <script>
308
    <script>
298
- 

Return to bug 30179