Difference between revisions of "Template:Heidelberg/SandboxMarita/navbarMarita"

 
(34 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<body>
 
<body>
  
−
<!-- Fix for Safari mobile -->
+
<!-- Fix for Safari mobile and touch in general -->
  
 
<script>
 
<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');
 +
  });
  
−
$(document).ready(function(){
 
−
    $("#sidebarCollapse").click(function(){
 
−
        $("#sidebar").addClass("in");
 
−
        $("#sidebar").addClass("canvas-slid");
 
−
        $(".navbar").addClass("canvas-slid");
 
−
        $("body").addClass("canvas-slid");
 
−
        $("#MathJax_Message").addClass("canvas-slid");
 
−
        $("#top_menu_14").addClass("canvas-slid");
 
−
    });
 
  
−
    $("#sidebarHide").click(function(){
+
  $('#sidenav').find('> li').click(function() {
−
        $("#sidebar").removeClass("in");
+
    $(this).find('> ul').trigger('collapse.toggle');
−
        $("#sidebar").removeClass("canvas-slid");
+
  });
−
        $(".navbar").removeClass("canvas-slid");
+
−
        $("body").removeClass("canvas-slid");
+
−
        $("#MathJax_Message").removeClass("canvas-slid");
+
−
        $("#top_menu_14").removeClass("canvas-slid");
+
−
 
+
−
        $("#sidebar").removeAttr("style");
+
−
        $("#sidebar").css("background-color", "white");
+
−
        $("#sidebar").css("border", "none");
+
−
        $("#sidebar").css("box-shadow", "1px 0px 0px #393939");
+
−
        $(".navbar").removeAttr("style");
+
−
        $("body").removeAttr("style");
+
−
        $("#MathJax_Message").removeAttr("style");
+
−
        $("#MathJax_Message").css("display", "none");
+
−
        $("#top_menu_14").removeAttr("style");
+
−
    });
+
 
});
 
});
−
 
 
</script>
 
</script>
−
 
+
<style>
−
 
+
html,
−
 
+
body{
−
 
+
  overflow-y:scroll !important;
 +
}
 +
</style>
  
 
<!-- Top menu -->
 
<!-- Top menu -->
Line 154: Line 147:
 
         <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>
 
    
 
    
−
<div id="sidebarHide">
+
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 
       <hr>
 
       <hr>
−
<p> COLLAPSE NAVIGATION </p>
+
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a>
 
       <hr>
 
       <hr>
 
</div>
 
</div>

Latest revision as of 17:09, 1 November 2017