tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

docs

pull/495/head
Armağan Ünlü 8 years ago
parent
2a438ab639
commit
337e59b918
8 changed files with 340 additions and 274 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 15
      modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs
  2. 7
      modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
  3. 184
      modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css
  4. 2
      modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css
  5. 160
      modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss
  6. 184
      modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css
  7. 60
      modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.js
  8. 2
      modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.min.css

15
modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs
View File

@ -9,15 +9,12 @@ namespace Volo.Docs.Areas.Documents.Helpers.TagHelpers
[HtmlTargetElement("ul", Attributes = "root-node")] [HtmlTargetElement("ul", Attributes = "root-node")]
public class TreeTagHelper : TagHelper public class TreeTagHelper : TagHelper
{ {
private const string LiItemTemplate = @"<li class='{6}'> private const string LiItemTemplate = @"<li class='{6}'>
<label class='tree-toggle {3}'> <a href='{0}' class='{5}'>
<span class='plus-icon'> <span class='plus-icon {3}'><i class='fa fa-{4}'></i></span>{1}
<i class='fa fa-{4}'></i> </a>
</span>
</label>
<a href='{0}' class='{5}'>{1}</a>
{2} {2}
</li>"; </li>";
private const string UlItemTemplate = @"<ul class='nav nav-list tree' style='{1}'> private const string UlItemTemplate = @"<ul class='nav nav-list tree' style='{1}'>
{0} {0}
@ -112,7 +109,7 @@ namespace Volo.Docs.Areas.Documents.Helpers.TagHelpers
node.Text.IsNullOrEmpty() ? "?" : node.Text, node.Text.IsNullOrEmpty() ? "?" : node.Text,
content, content,
node.HasChildItems ? "nav-header" : "last-link", node.HasChildItems ? "nav-header" : "last-link",
node.HasChildItems ? "chevron-down" : "long-arrow-right", node.HasChildItems ? "chevron-right" : "long-arrow-right",
anchorCss, anchorCss,
isNodeSelected ? "selected-tree" : ""); isNodeSelected ? "selected-tree" : "");
} }

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

@ -21,9 +21,8 @@
<abp-style src="/lib/bootstrap-toc/bootstrap-toc.css" /> <abp-style src="/lib/bootstrap-toc/bootstrap-toc.css" />
</abp-style-bundle> </abp-style-bundle>
} }
@section scripts { @section scripts {
<abp-script-bundle name="@typeof(IndexModel).FullName"> <abp-script-bundle name="@typeof(IndexModel).FullName">
<abp-script src="/lib/anchor-js/anchor.js" /> <abp-script src="/lib/anchor-js/anchor.js" />
<abp-script src="/Pages/Documents/Project/index.js" /> <abp-script src="/Pages/Documents/Project/index.js" />
<abp-script src="/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js" /> <abp-script src="/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js" />
@ -133,8 +132,8 @@
<div class="col-md-2 docs-page-index position-relative bg-light"> <div class="col-md-2 docs-page-index position-relative bg-light">
<div class="docs-inner-anchors mt-2"> <div class="docs-inner-anchors mt-2">
<nav class="navbar p-0 pt-2" data-toggle="toc"> <h5>@L["InThisDocument"]</h5>
<h5>@L["InThisDocument"]</h5> <nav id="docs-sticky-index" class="navbar">
</nav> </nav>
<div class="row"> <div class="row">

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

@ -1,4 +1,7 @@
.docs-page { body {
position: relative; }
.docs-page {
background: #f5f7f9; } background: #f5f7f9; }
.docs-page .anchorjs-link { .docs-page .anchorjs-link {
transition: all .25s linear; } transition: all .25s linear; }
@ -57,68 +60,64 @@
line-height: 1.5; } line-height: 1.5; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #ddd; } color: #ddd; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list {
display: block; height: 100vh; }
height: calc(100vh - 190px); } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
font-size: .913em;
list-style: none;
padding: 0 1rem;
margin: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
margin-left: 0px;
padding-left: 24px;
display: block; display: block;
width: 100%; height: calc(100vh - 210px); }
position: relative; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label { font-size: .935em;
margin: 0; } list-style: none;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle { padding: 0 1rem;
transition: .3s; margin: 0; }
display: inline-block; .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
width: 18px; margin-left: 0px;
height: 18px; padding-left: 24px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 8px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon {
font-size: .85em; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
transform: rotate(-90deg);
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
top: 9px;
color: #aaa; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
color: #222;
font-weight: 700;
padding: 7px 0;
display: block; display: block;
border-bottom: 1px solid #eeeff3; } width: 100%;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover { position: relative; }
color: #000; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul { color: #999;
padding: 0; } font-weight: 700;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle { padding: 7px 0;
top: 7px; } display: block;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a { border-bottom: 1px solid #eeeff3; }
font-weight: 400; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul { color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon {
font-size: .85em;
transition: .3s;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 11px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon.last-link {
top: 11px;
color: #aaa; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul {
padding: 0; } padding: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a {
font-weight: 300; } font-weight: 400; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul {
color: #38003c; padding: 0; }
font-weight: bold; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a {
font-weight: 300; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
color: #000;
transition: .4s; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span .fa {
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span:not(.last-link) .fa {
transform: rotate(90deg);
color: #000; }
.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand { .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
font-size: 1.5rem; font-size: 1.5rem;
color: #000; color: #000;
@ -156,7 +155,7 @@
color: #444; color: #444;
text-decoration: none; } text-decoration: none; }
.docs-page .docs-content .docs-text-field { .docs-page .docs-content .docs-text-field {
padding: 0 2rem 2rem; } padding: 2rem; }
.docs-page .docs-content article.docs-body h1 { .docs-page .docs-content article.docs-body h1 {
padding-top: 2rem; padding-top: 2rem;
font-size: 2.25rem; font-size: 2.25rem;
@ -197,28 +196,30 @@
font-size: .90em; font-size: .90em;
height: 100vh; } height: 100vh; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills {
font-size: .95em; font-size: .96em;
margin-left: 18px; margin-left: 15px;
border-left: 1px solid #e5e5e5; } border-left: 1px solid #eee; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link {
padding: .2rem 0rem .2rem 1rem; padding: 5px 14px 6px;
color: #aaa; color: #aaa;
line-height: 1.1; line-height: 1.2;
position: relative; position: relative;
border-left: 3px solid transparent; border-left: 1px solid #eee;
border-radius: 0; border-radius: 0;
margin-left: -2px; margin-left: -1px;
margin-top: 2px; margin-top: 1px;
margin-bottom: 2px; margin-bottom: 1px;
transition: .2s; } transition: .2s; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active {
border-left: 2px solid #007bff;
background: none; background: none;
color: #000; color: #007bff; }
border-color: #000; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active {
color: #000; } color: #007bff; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active {
color: #000; } color: #007bff; }
.docs-page .docs-page-index .docs-inner-anchors > .navbar {
margin-left: -30px; }
.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper { .docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper {
max-width: 300px; max-width: 300px;
float: left; } float: left; }
@ -252,21 +253,36 @@
border-radius: 6px; } border-radius: 6px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #aaa; } color: #aaa; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
color: #666; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
color: #666; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
color: #ddd; color: #aaa;
border-bottom: 1px solid #333; } border-bottom: 1px solid #333; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
color: #fff; } color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon {
font-size: .85em;
transition: .3s;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 11px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon.last-link {
top: 11px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
color: #fff; } color: #fff;
transition: .4s; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span .fa {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span:not(.last-link) .fa {
transform: rotate(90deg);
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand { .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand {
color: #fff; color: #fff;
text-transform: uppercase; } text-transform: uppercase; }

2
modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css
View File

File diff suppressed because one or more lines are too long

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

@ -1,4 +1,6 @@
body {
position: relative;
}
.docs-page { .docs-page {
background: rgb(245, 247, 249); background: rgb(245, 247, 249);
@ -89,13 +91,15 @@
} }
.docs-tree-list { .docs-tree-list {
height: 100vh;
> ul { > ul {
display: block; display: block;
height: calc(100vh - 190px); height: calc(100vh - 210px);
} }
ul { ul {
font-size: .913em; font-size: .935em;
list-style: none; list-style: none;
padding: 0 1rem; padding: 0 1rem;
margin: 0; margin: 0;
@ -107,12 +111,21 @@
width: 100%; width: 100%;
position: relative; position: relative;
label {
margin: 0;
&.tree-toggle { a {
color: #999;
font-weight: 700;
padding: 7px 0;
display: block;
border-bottom: 1px solid #eeeff3;
&:hover {
color: #000;
}
.plus-icon {
font-size: .85em;
transition: .3s; transition: .3s;
display: inline-block;
width: 18px; width: 18px;
height: 18px; height: 18px;
text-align: center; text-align: center;
@ -122,51 +135,22 @@
margin-right: 4px; margin-right: 4px;
position: absolute; position: absolute;
left: 2px; left: 2px;
top: 8px; top: 11px;
color: #aaa; color: #aaa;
cursor: pointer; cursor: pointer;
&:hover {
color: #000;
}
.plus-icon {
font-size: .85em;
}
&:not(.last-link).opened {
transform: rotate(-90deg);
color: #000;
}
&.last-link { &.last-link {
top: 9px; top: 11px;
color: #aaa; color: #aaa;
} }
} }
} }
a {
color: #222;
font-weight: 700;
padding: 7px 0;
display: block;
border-bottom: 1px solid #eeeff3;
&:hover {
color: #000;
}
}
ul { ul {
padding: 0; padding: 0;
li { li {
label {
&.tree-toggle {
top: 7px;
}
}
a { a {
font-weight: 400; font-weight: 400;
@ -186,8 +170,19 @@
&.selected-tree { &.selected-tree {
> a { > a {
color: #38003c; color: #000;
font-weight: bold; transition: .4s;
span {
.fa {
color: #000;
}
&:not(.last-link) .fa {
transform: rotate(90deg);
color: #000;
}
}
} }
} }
} }
@ -256,7 +251,7 @@
} }
.docs-text-field { .docs-text-field {
padding: 0 2rem 2rem; padding: 2rem;
} }
article.docs-body { article.docs-body {
@ -321,40 +316,40 @@
.navbar { .navbar {
.nav-pills { .nav-pills {
font-size: .95em; font-size: .96em;
margin-left: 18px; margin-left: 15px;
border-left: 1px solid #e5e5e5; border-left: 1px solid #eee;
.nav-link { .nav-link {
padding: .2rem 0rem .2rem 1rem; padding: 5px 14px 6px;
color: #aaa; color: #aaa;
line-height: 1.1; line-height: 1.2;
position: relative; position: relative;
border-left: 3px solid transparent; border-left: 1px solid #eee;
border-radius: 0; border-radius: 0;
margin-left: -2px; margin-left: -1px;
margin-top: 2px; margin-top: 1px;
margin-bottom: 2px; margin-bottom: 1px;
transition: .2s; transition: .2s;
&.active { &.active {
border-left: 2px solid #007bff;
background: none; background: none;
color: #000; color: #007bff;
border-color: #000;
} }
} }
.nav-pills { .nav-pills {
.nav-link { .nav-link {
&.active { &.active {
color: #000; color: #007bff;
} }
} }
.nav-pills { .nav-pills {
.nav-link { .nav-link {
&.active { &.active {
color: #000; color: #007bff;
} }
} }
} }
@ -363,6 +358,7 @@
} }
> .navbar { > .navbar {
margin-left: -30px;
} }
.docs-anchors-wrapper { .docs-anchors-wrapper {
@ -435,39 +431,55 @@
.docs-tree-list { .docs-tree-list {
ul { ul {
li { li {
label {
&.tree-toggle {
color: #666;
&:hover {
color: #fff;
}
.plus-icon {
}
&:not(.last-link).opened {
color: #fff;
}
&.last-link {
color: #666;
}
}
}
a { a {
color: #ddd; color: #aaa;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
&:hover { &:hover {
color: #fff; color: #fff;
} }
.plus-icon {
font-size: .85em;
transition: .3s;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 11px;
color: #aaa;
cursor: pointer;
&.last-link {
top: 11px;
}
}
} }
&.selected-tree { &.selected-tree {
> a { > a {
color: #fff; color: #fff;
transition: .4s;
span {
.fa {
color: #fff;
}
&:not(.last-link) .fa {
transform: rotate(90deg);
color: #fff;
}
}
} }
} }
} }

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

@ -1,4 +1,7 @@
.docs-page { body {
position: relative; }
.docs-page {
background: #f5f7f9; } background: #f5f7f9; }
.docs-page .anchorjs-link { .docs-page .anchorjs-link {
transition: all .25s linear; } transition: all .25s linear; }
@ -57,68 +60,64 @@
line-height: 1.5; } line-height: 1.5; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #ddd; } color: #ddd; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list {
display: block; height: 100vh; }
height: calc(100vh - 190px); } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
font-size: .913em;
list-style: none;
padding: 0 1rem;
margin: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
margin-left: 0px;
padding-left: 24px;
display: block; display: block;
width: 100%; height: calc(100vh - 210px); }
position: relative; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label { font-size: .935em;
margin: 0; } list-style: none;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle { padding: 0 1rem;
transition: .3s; margin: 0; }
display: inline-block; .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
width: 18px; margin-left: 0px;
height: 18px; padding-left: 24px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 8px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon {
font-size: .85em; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
transform: rotate(-90deg);
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
top: 9px;
color: #aaa; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
color: #222;
font-weight: 700;
padding: 7px 0;
display: block; display: block;
border-bottom: 1px solid #eeeff3; } width: 100%;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover { position: relative; }
color: #000; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul { color: #999;
padding: 0; } font-weight: 700;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle { padding: 7px 0;
top: 7px; } display: block;
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a { border-bottom: 1px solid #eeeff3; }
font-weight: 400; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul { color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon {
font-size: .85em;
transition: .3s;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 11px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon.last-link {
top: 11px;
color: #aaa; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul {
padding: 0; } padding: 0; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a {
font-weight: 300; } font-weight: 400; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a { .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul {
color: #38003c; padding: 0; }
font-weight: bold; } .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a {
font-weight: 300; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
color: #000;
transition: .4s; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span .fa {
color: #000; }
.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span:not(.last-link) .fa {
transform: rotate(90deg);
color: #000; }
.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand { .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
font-size: 1.5rem; font-size: 1.5rem;
color: #000; color: #000;
@ -156,7 +155,7 @@
color: #444; color: #444;
text-decoration: none; } text-decoration: none; }
.docs-page .docs-content .docs-text-field { .docs-page .docs-content .docs-text-field {
padding: 0 2rem 2rem; } padding: 2rem; }
.docs-page .docs-content article.docs-body h1 { .docs-page .docs-content article.docs-body h1 {
padding-top: 2rem; padding-top: 2rem;
font-size: 2.25rem; font-size: 2.25rem;
@ -197,28 +196,30 @@
font-size: .90em; font-size: .90em;
height: 100vh; } height: 100vh; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills {
font-size: .95em; font-size: .96em;
margin-left: 18px; margin-left: 15px;
border-left: 1px solid #e5e5e5; } border-left: 1px solid #eee; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link {
padding: .2rem 0rem .2rem 1rem; padding: 5px 14px 6px;
color: #aaa; color: #aaa;
line-height: 1.1; line-height: 1.2;
position: relative; position: relative;
border-left: 3px solid transparent; border-left: 1px solid #eee;
border-radius: 0; border-radius: 0;
margin-left: -2px; margin-left: -1px;
margin-top: 2px; margin-top: 1px;
margin-bottom: 2px; margin-bottom: 1px;
transition: .2s; } transition: .2s; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active {
border-left: 2px solid #007bff;
background: none; background: none;
color: #000; color: #007bff; }
border-color: #000; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active {
color: #000; } color: #007bff; }
.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active { .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active {
color: #000; } color: #007bff; }
.docs-page .docs-page-index .docs-inner-anchors > .navbar {
margin-left: -30px; }
.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper { .docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper {
max-width: 300px; max-width: 300px;
float: left; } float: left; }
@ -252,21 +253,36 @@
border-radius: 6px; } border-radius: 6px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-filter .filter-icon i.fa {
color: #aaa; } color: #aaa; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
color: #666; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
color: #666; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
color: #ddd; color: #aaa;
border-bottom: 1px solid #333; } border-bottom: 1px solid #333; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
color: #fff; } color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon {
font-size: .85em;
transition: .3s;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
line-height: 1;
border-radius: 50%;
margin-right: 4px;
position: absolute;
left: 2px;
top: 11px;
color: #aaa;
cursor: pointer; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a .plus-icon.last-link {
top: 11px; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a { .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
color: #fff; } color: #fff;
transition: .4s; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span .fa {
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a span:not(.last-link) .fa {
transform: rotate(90deg);
color: #fff; }
.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand { .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand {
color: #fff; color: #fff;
text-transform: uppercase; } text-transform: uppercase; }

60
modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.js
View File

@ -1,6 +1,6 @@
$('.tree-toggle').click(function () { $('.tree-toggle').click(function () {
$(this).parent().children('ul.tree').toggle(100); $(this).parent().children('ul.tree').toggle(100);
$(this).toggleClass("opened"); $(this).closest("li").toggleClass("selected-tree");
}); });
$(document).ready(function () { $(document).ready(function () {
@ -23,30 +23,31 @@ $(document).ready(function () {
scrollTop: 0 scrollTop: 0
}, 500); }, 500);
return false; return false;
}); });
}); });
$(document).ready(function () {
$(function () {
var navSelector = '#docs-sticky-index'; var navSelector = '#docs-sticky-index';
var $myNav = $(navSelector); var $myNav = $(navSelector);
Toc.init($myNav); Toc.init($myNav);
$('body').scrollspy({ $('body').scrollspy({
target: navSelector target: $myNav
});
$("#docs-sticky-index a").on('click', function (event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 500, function () {
window.location.hash = hash;
});
}
}); });
}); });
$("#docs-sticky-index a").on('click', function (event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function () {
window.location.hash = hash;
});
}
});
$('.btn-toggle').on("click", function () { $('.btn-toggle').on("click", function () {
$(".toggle-row").slideToggle(400); $(".toggle-row").slideToggle(400);
@ -76,5 +77,30 @@ $('.open-dmenu').on("click", function () {
}); });
}); });
window.Toc.helpers.createNavList = function() {
return $('<ul class="nav nav-pills flex-column"></ul>');
};
window.Toc.helpers.createChildNavList = function($parent) {
var $childList = this.createNavList();
$parent.append($childList);
return $childList;
};
window.Toc.helpers.generateNavEl = function(anchor, text) {
var $a = $('<a class="nav-link"></a>');
$a.attr('href', '#' + anchor);
$a.text(text);
var $li = $('<li class="nav-item"></li>');
$li.append($a);
return $li;
};
})(jQuery); })(jQuery);

2
modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.min.css
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save