Difference between revisions of "Template:SJTU-BioX-Shanghai/Alpha/Header"

@@ Line 4: / Line 4: @@
 function hide_nav_click(btn) {
    btn.onclick = function(){show_nav_click(this)}
-   var nav = btn.parentNode;
+   var ctt = $('#content')[0]
+  ctt.classList.add('nav-hided')
    var svg = btn.firstChild;
-  nav.classList.add('nav-hided')
    svg.transform.baseVal[0].matrix.a = -1
    svg.transform.baseVal[0].matrix.e = 10
@@ Line 12: / Line 12: @@
 function show_nav_click(btn) {
    btn.onclick = function(){hide_nav_click(this)}
-   var nav = btn.parentNode;
+   var ctt = $('#content')[0]
+  ctt.classList.add('nav-hided')
    var svg = btn.firstChild;
-  nav.classList.remove('nav-hided')
    svg.transform.baseVal[0].matrix.a = 1
    svg.transform.baseVal[0].matrix.e = 0
@@ Line 43: / Line 43: @@
 /* color & font BEGIN */
+nav #hide-nav {
+  background-color: #E0E0E0;
+}
 nav #hide-nav svg * {
    fill: #109E52;
 }
 nav, nav > ul > li:not(:first-child) a {
    background-color: #EEEEEE;
@@ Line 93: / Line 97: @@
    height: 100%;
    padding-left: 17em;
+  padding-right: 3em;
    padding-top: 20px;
+}
+#content.nav-hided {
+  padding-left: 4em;
 }
@@ Line 106: / Line 114: @@
    overflow: visible;
 }
-nav.nav-hided {
+.nav-hided nav {
    left: -15em;
 }
@@ Line 118: / Line 126: @@
    width: 1em;
    height: 100%;
-  background-color: #BBBBBB;
    z-index = 2;
 }
@@ Line 187: / Line 194: @@
 nav {
    transition: left 0.4s;
+}
+#content {
+  transition: padding-left 0.4s;
 }

Revision as of 14:01, 11 August 2015