fix(vue.css): update sidebar style

docsifyjs · Feb 9, 2017 · fc140ef · fc140ef
1 parent e1da2f8
commit fc140ef
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/docs/zh-cn.md b/docs/zh-cn.md
@@ -471,7 +471,7 @@ window.$docsify = {
 
 ### 全文检索 - search
 
-一份文档如果能有搜索功能会提升一些用户体验，加载搜索插件也很简单，直接引入就自动安装并启用。默认情况下会自动分析当前页面上的超链接，获取内容后建立索引并存储在 localStorage 里，默认过期时间为一天，当然这是可配置的。
+一份文档如果能有搜索功能会提升一些用户体验，加载搜索插件也很简单，直接引入就自动安装并启用。默认情况下会自动分析当前页面上的超链接，获取内容后建立索引并存储在 `localStorage` 里，默认过期时间为一天，当然这是可配置的。
 
 自动识别的方式不一定能识别完整或者如果你想指定某些文件可索引，你可以自己指定文件的路径。
 

diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css
@@ -235,6 +235,23 @@ main {
   ul li ul {
     padding-left: 20px;
   }
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: transparent;
+    border-radius: 4px;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
+    background: rgba(136, 136, 136, 0.4);
+  }
+
+  &:hover::-webkit-scrollbar-track {
+    background: rgba(136, 136, 136, 0.1);
+  }
 }
 
 /* sidebar toggle */

diff --git a/src/themes/vue.css b/src/themes/vue.css
@@ -22,11 +22,12 @@ body {
   }
 
   ul li a {
-    color: #7f8c8d;
+    color: #505d6b;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     text-decoration: none;
+    font-size: 14px;
 
     &:hover {
       text-decoration: underline;