浏览代码

feat:文章模式下禁用TOC滚动

lifei6671 7 年之前
父节点
当前提交
3888ae9673
共有 1 个文件被更改,包括 9 次插入1 次删除
  1. 9 1
      static/css/markdown.preview.css

+ 9 - 1
static/css/markdown.preview.css

@@ -73,6 +73,13 @@
 .article-body .markdown-article{
 .article-body .markdown-article{
     margin-right: 250px;
     margin-right: 250px;
 }
 }
+.article-body.content .markdown-toc{
+    position: relative;
+}
+.article-body.content .markdown-article{
+    margin-right: 0;
+}
+
 .markdown-toc-list .directory-item {
 .markdown-toc-list .directory-item {
     padding: 3px 10px 3px 16px;
     padding: 3px 10px 3px 16px;
     line-height: 18px;
     line-height: 18px;
@@ -117,7 +124,7 @@
 .markdown-toc-list .directory-item-active a:hover {
 .markdown-toc-list .directory-item-active a:hover {
     color: #7CD4A2;
     color: #7CD4A2;
 }
 }
-@media (max-width: 1300px){
+@media (max-width: 1200px){
     .article-body .markdown-toc{
     .article-body .markdown-toc{
         display: none;
         display: none;
     }
     }
@@ -125,6 +132,7 @@
         margin-right: 0;
         margin-right: 0;
     }
     }
 }
 }
+
 /***********代码样式*****************/
 /***********代码样式*****************/
 .markdown-body .highlight pre, .markdown-body pre{
 .markdown-body .highlight pre, .markdown-body pre{
     padding: 1em;
     padding: 1em;