Difference between revisions of "Template:Heidelberg/navbar"

Line 4: Line 4:
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
<!-- Fix for Safari mobile and touch in general -->
 +
 +
<script>
 +
$( document ).ready(function() {
 +
  $('#sidebarHide').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $('#sidebarCollapse').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $('#mw-content-text div').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $(window).on('swiperight', function(){
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $(window).on('swipeleft', function(){
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
 +
 +
  $('#sidenav').find('> li').click(function() {
 +
    $(this).find('> ul').trigger('collapse.toggle');
 +
  });
 +
});
 +
</script>
 +
<style>
 +
html,
 +
body{
 +
  overflow-y:scroll !important;
 +
}
 +
</style>
 +
 
<!-- Top menu -->
 
<!-- Top menu -->
 
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
 
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
Line 107: Line 141:
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
 +
  
 
           <nav id="sidebar" style="background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
 
           <nav id="sidebar" style="background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
 
         <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
 
         <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
−
        <hr>
+
 
 +
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 +
      <hr>
 +
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a>
 +
      <hr>
 +
</div>
 +
 
 
         <ul class="nav navmenu-nav" id="sidenav">
 
         <ul class="nav navmenu-nav" id="sidenav">
 
             <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a>
 
             <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a>

Revision as of 17:12, 1 November 2017