style(toc): nowrap, ellipsis (…)

http://moxfive.xyz/2016/04/18/text-overflow-ellipsis/
MOxFIVE · Apr 20, 2016 · b25814d · b25814d
1 parent 3f7f8c4
commit b25814d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/layout/_partial/toc.ejs b/layout/_partial/toc.ejs
@@ -40,12 +40,6 @@
 </script>
 
 <% if (theme.toc_nowrap) { %>
-    <style>
-        .toc {
-            white-space: nowrap;
-            overflow-x: hidden;
-        }
-    </style>
 
     <script>
         $(document).ready(function() {

diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
@@ -486,6 +486,13 @@ li:hover {
         background: rgba(158, 188, 226, .21);
     }
 }
+if hexo-config("toc_nowrap")
+    #toc .toc-link 
+        display inline-block
+        width 100% 
+        text-overflow ellipsis
+        white-space nowrap
+        overflow-x hidden
 
 .copyright {
     width: 85%;