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 390-395 th { Link Here
390
    }
390
    }
391
}
391
}
392
392
393
#moresearches-mobile {
394
    color: #fff;
395
396
    .topnav {
397
        position: relative;
398
399
        #mobile-links {
400
            display: none;
401
        }
402
403
        a {
404
            color: #000;
405
            padding: 14px 16px;
406
            text-decoration: none;
407
            display: block;
408
409
            &:hover {
410
                background-color: #e9ecef;
411
            }
412
        }
413
414
        .icon {
415
            color: #000;
416
            display: block;
417
            position: absolute;
418
            right: 0;
419
            top: 0;
420
        }
421
    }
422
423
    .mobile_active {
424
        color: white;
425
        height: 50px;
426
    }
427
}
428
393
#news {
429
#news {
394
    margin: .5em 0;
430
    margin: .5em 0;
395
    padding: 1em;
431
    padding: 1em;
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (+9 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"></div>
147
                <a class="icon" onclick="openMoreSearches()"> <i class="fa fa-bars"></i> </a>
148
            </div>
149
        </div>
150
143
        [% IF ( OpacHeader ) %]
151
        [% IF ( OpacHeader ) %]
144
            <div class="container-fluid">
152
            <div class="container-fluid">
145
                <div class="row">
153
                <div class="row">
Lines 355-360 Link Here
355
                    </li>
363
                    </li>
356
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
364
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
357
                </ul> <!-- /.nav#moresearches -->
365
                </ul> <!-- /.nav#moresearches -->
366
358
            </div> <!-- /.row -->
367
            </div> <!-- /.row -->
359
        </div> <!-- /.container-fluid -->
368
        </div> <!-- /.container-fluid -->
360
    [% END # / OpacPublic %]
369
    [% END # / OpacPublic %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc (-1 / +16 lines)
Lines 291-297 $(document).ready(function() { Link Here
291
        });
291
        });
292
    }
292
    }
293
});
293
});
294
295
$('#moresearches li').each( function() {
296
    $('#mobile-links').append( $(this).clone() );
297
});
298
299
function openMoreSearches() {
300
  var x = document.getElementById("mobile-links");
301
  if (x.style.display === "block") {
302
    x.style.display = "none";
303
  } else {
304
    x.style.display = "block";
305
  }
306
}
294
</script>
307
</script>
308
309
310
295
[% PROCESS jsinclude %]
311
[% PROCESS jsinclude %]
296
[% IF ( Koha.Preference('OPACUserJS') ) %]
312
[% IF ( Koha.Preference('OPACUserJS') ) %]
297
    <script>
313
    <script>
298
- 

Return to bug 30179