update sidebar width

Author: vincentlauvlwj

source/_data/navigation-en.yaml

@@ -26,6 +26,9 @@ home:
     description: API documents for Ktorm's classes and functions.
 
 main:
+  - text: GETTING STARTED
+    type: label
+
   - text: Overview
     type: link
     path: '/'

source/_data/navigation-zh-cn.yaml

@@ -26,11 +26,14 @@ home:
     description: 查看 Ktorm 中类与函数的 API 文档
 
 main:
-  - text: 概述
+  - text: 开始
+    type: label
+
+  - text: 简介
     type: link
     path: zh-cn/
 
-  - text: 快速开始
+  - text: 快速上手
     type: link
     path: zh-cn/quick-start.html
 

themes/doc/source/style/_doc/navigation.scss

@@ -192,7 +192,8 @@
   padding-left: 0px;
 
   &__item {
-    margin-left: $doc-sidebar-left-margin;
+    margin-left: 34px;
+    margin-right: 22px;
     list-style: none;
     line-height: 30px;
     font-size: $doc-sidebar-font-size-normal;
@@ -211,17 +212,15 @@
     }
 
     &--label{
+      margin-left: 22px;
+      margin-top: 10px;
+      padding-top: 5px;
+      padding-bottom: 5px;
       border-top: $doc-sidebar-item-border;
-      margin-left: 0px;
-      padding-left: $doc-sidebar-left-margin;
       font-weight: $doc-sidebar-font-weight-bold;
       font-size: $doc-sidebar-font-size-small;
-      padding-bottom: 5px;
-      padding-top: 5px;
-      margin-top: 10px;
       color: $doc-sidebar-label-color;
 
-
       &:first-of-type{
         border-top: initial;
       }
@@ -249,7 +248,7 @@
     }
     &--current.doc-sidebar-list__item--no-children > a::before {
       position: absolute;
-      left: 2.2rem;
+      left: 22px;
       display: block;
       width: 1rem;
       height: 1rem;
@@ -284,7 +283,7 @@
 // Sidebar children list
 .doc-sidebar-list {
   &__children-list {
-    padding-left: 10px;
+    padding-left: 12px;
   }
 
   &__children-list--hidden {
@@ -293,12 +292,11 @@
 }
 
 .doc-sidebar-list__item {
-
   &--child {
       margin-left: 0;
   }
 
-  &--has-children > .doc-sidebar-list__toc-list{
+  &--has-children > .doc-sidebar-list__toc-list {
       padding-left: 24px;
   }
 
@@ -308,7 +306,7 @@
 
     &:before {
       position: absolute;
-      left: 2.2rem;
+      left: 22px;
       display: block;
       width: 1rem;
       height: 1rem;

themes/doc/source/style/_doc/search.scss

@@ -1,5 +1,5 @@
 .doc-search-form {
-  max-width: 186px;
+  width: 236px;
 
   &__input[type="search"] {
     width: 100%;

themes/doc/source/style/_doc/vars.scss

@@ -26,9 +26,8 @@ $doc-navbar-width-collapsed: $doc-navbar-height !default;
 
 // sidebar
 // ------
-$doc-sidebar-width: 230px !default;
+$doc-sidebar-width: 280px !default;
 $doc-sidebar-width-collapsed: $doc-navbar-width-collapsed !default;
-$doc-sidebar-left-margin: 40px !default;
 $doc-sidebar-background-color: $doc-navbar-background-color !default;
 $doc-sidebar-color: $dc-gray30 !default;
 $doc-sidebar-label-color: $dc-gray20 !default;