docs(head.swig):fix the document page anchor position offset. (#790)

When the document page is opened by an anchor, the top position of the page is offset. Use jquery to fix the problem in the docs template.
eggjs · Apr 25, 2017 · 1132779 · 1132779
1 parent 9ef9d6a
commit 1132779
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/docs/themes/egg/layout/partial/head.swig b/docs/themes/egg/layout/partial/head.swig
@@ -5,4 +5,4 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
-{{ css('css/index') }}
+{{ css('css/index') }}
diff --git a/docs/themes/egg/source/css/page/page.less b/docs/themes/egg/source/css/page/page.less
@@ -31,4 +31,22 @@
 .page-main article {
   min-height: 400px;
   padding:50px 50px 50px 270px;
-}
+
+  h2, h3, h4, h5, h6 {
+    position: static;
+    a.markdown-anchor {
+      position: relative;
+      height: 25px;
+      margin-right: -25px;
+      display: inline-block;
+    }
+
+    &:before {
+      content: '';
+      display: block;
+      margin-top: -76px;
+      height: 76px;
+      visibility: hidden;
+    }
+  }
+}