closes #439. Added AnchorJS

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml

@@ -20,6 +20,7 @@
 
 @section scripts {
     <abp-script-bundle name="@typeof(IndexModel).FullName">
+        <abp-script src="/lib/anchor-js/anchor.js" />
         <abp-script src="/Pages/Documents/Project/index.js" />
         <abp-script src="/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js" />
         <abp-script src="/lib/clipboard/dist/clipboard.js" />

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs

@@ -83,7 +83,7 @@ namespace Volo.Docs.Pages.Documents.Project
             content = converter.Convert(content);
 
             content = HtmlNormalizer.ReplaceImageSources(content, Document.RawRootUrl, Document.LocalDirectory);
-            content = HtmlNormalizer.ReplaceCodeBlocksLanguage(content, "language-C#", "language-csharp");
+            content = HtmlNormalizer.ReplaceCodeBlocksLanguage(content, "language-C#", "language-csharp"); //todo find a way to make it on client in prismJS configuration (eg: map C# => csharp)
             Document.Content = content;
 
             Navigation = await _documentAppService.GetNavigationDocumentAsync(ProjectName, Version, false);

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.css

@@ -1,4 +1,11 @@
-#docsContainer .document-title {
+body {
+  padding-top: unset;
+}
+#main-navbar-tools a.dropdown-toggle {
+  text-decoration: unset;
+  color: unset;
+}
+#docsContainer .document-title {
   font-size: 2.5em;
 }
 #docsContainer .document-toolbar {

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js

@@ -62,7 +62,20 @@
 
         /*</FILTERING DOCUMENT ITEMS (LEFT-SIDEBAR)>*/
 
+     
+        var addAncharTags = function () {
+            anchors.options = {
+                placement: 'left'
+            };
+
+            var anchorTags = ["h1", "h2", "h3", "h4", "h5", "h6"];
+            var container = ".docs-page .docs-body";
+            anchorTags.forEach(function (tag) {
+                anchors.add(container + " " + tag);
+            });
+        };
 
+        addAncharTags();
     });
 
 })(jQuery);

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.less

@@ -7,8 +7,9 @@
     color: unset;
 }
 
-#docsContainer {
 
+#docsContainer {
+   
     .document-title {
         font-size: 2.5em;
     }

modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css

@@ -1,5 +1,13 @@
 .docs-page {
   background: #f5f7f9; }
+  .docs-page .anchorjs-link {
+    transition: all .25s linear; }
+  .docs-page *:hover > .anchorjs-link {
+    margin-left: -1.125em !important;
+    transition: color .25s linear; }
+  .docs-page .anchorjs-link:hover {
+    color: #2500AD;
+    text-decoration: none; }
   .docs-page .docs-sidebar {
     background: #f5f7f9;
     padding-right: 1rem;

modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss

@@ -2,6 +2,20 @@
 .docs-page {
     background: rgb(245, 247, 249);
 
+    .anchorjs-link {
+        transition: all .25s linear;
+    }
+
+    *:hover > .anchorjs-link {
+        margin-left: -1.125em !important;
+        transition: color .25s linear;
+    }
+
+    .anchorjs-link:hover {
+        color: #2500AD;
+        text-decoration: none;
+    }
+
     .docs-sidebar {
         background: #f5f7f9;
         padding-right: 1rem;

modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css

@@ -1,5 +1,13 @@
 .docs-page {
   background: #f5f7f9; }
+  .docs-page .anchorjs-link {
+    transition: all .25s linear; }
+  .docs-page *:hover > .anchorjs-link {
+    margin-left: -1.125em !important;
+    transition: color .25s linear; }
+  .docs-page .anchorjs-link:hover {
+    color: #2500AD;
+    text-decoration: none; }
   .docs-page .docs-sidebar {
     background: #f5f7f9;
     padding-right: 1rem;

modules/docs/src/Volo.Docs.Web/compilerconfig.json

@@ -14,5 +14,9 @@
   {
     "outputFile": "Pages/Documents/vs.css",
     "inputFile": "Pages/Documents/vs.scss"
+  },
+  {
+    "outputFile": "Pages/Documents/Project/index.css",
+    "inputFile": "Pages/Documents/Project/index.less"
   }
 ]