Refactor menu of scheme Muse on mobile (theme-next#1014)

tongluyang · Jul 26, 2019 · ff39ecf · ff39ecf
1 parent e1a5459
commit ff39ecf
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 18 deletions.
diff --git a/source/css/_common/components/header/site-nav.styl b/source/css/_common/components/header/site-nav.styl
@@ -1,7 +1,6 @@
 .site-nav-toggle {
   hide();
   position: absolute;
-  top: 10px;
   left: 10px;
   +mobile() {
     show();

diff --git a/source/css/_schemes/Mist/_menu.styl b/source/css/_schemes/Mist/_menu.styl
@@ -7,6 +7,7 @@
 .site-nav-toggle {
   position: static;
   float: right;
+  top: 10px;
 }
 
 .site-nav {

diff --git a/source/css/_schemes/Muse/_layout.styl b/source/css/_schemes/Muse/_layout.styl
@@ -1,9 +1,17 @@
 .header-inner, .container .main-inner, .footer-inner {
-  +mobile() { width: auto; }
+  +mobile() {
+    width: auto;
+  }
+}
+
+.header-inner {
+  +mobile() {
+    padding: 50px 0 35px;
+  }
 }
 
 // embed tag
 embed {
-   show();
-   margin:  0px auto 25px auto;
+  show();
+  margin: 0px auto 25px auto;
 }
diff --git a/source/css/_schemes/Muse/_menu.styl b/source/css/_schemes/Muse/_menu.styl
@@ -1,8 +1,6 @@
 .site-nav {
   +mobile() {
-    position: absolute;
     left: 0;
-    top: 52px;
     margin: 0;
     width: 100%;
     padding: 0;
@@ -12,6 +10,10 @@
   }
 }
 
+.site-nav-toggle {
+  top: 50px;
+}
+
 .menu {
   +mobile() { text-align: left; }
 }
@@ -48,7 +50,9 @@
   }
 
   br {
-    +mobile() { display: none; }
+    +mobile() {
+      display: none;
+    }
   }
 
   a, span.exturl {

diff --git a/source/css/_schemes/Pisces/_menu.styl b/source/css/_schemes/Pisces/_menu.styl
@@ -1,3 +1,14 @@
+.site-nav-toggle {
+  left: 20px;
+  top: 50%;
+
+  transform: translateY(-50%);
+
+  +tablet() {
+    show();
+  }
+}
+
 .site-nav {
   border-top: none;
 
@@ -74,14 +85,3 @@
 .btn-bar {
   background-color: white;
 }
-
-.site-nav-toggle {
-  left: 20px;
-  top: 50%;
-
-  transform: translateY(-50%);
-
-  +tablet() {
-    show();
-  }
-}