目录太多时可以滚动

i18n
xaoxuu 6 years ago
parent 0c42075f2a
commit f1bd24bcc7
  1. 2
      _config.yml
  2. 6
      source/less/_toc.less

@ -5,7 +5,7 @@ theme_info:
version: 1.0-beta10 version: 1.0-beta10
docs: https://xaoxuu.com/wiki/material-x/ docs: https://xaoxuu.com/wiki/material-x/
# 主题的CDN地址,如果你的源码托管到国内CDN可以更改此链接。如需启用CDN,请在主目录的config中设置import,详见文档。 # 主题的CDN地址,如果你的源码托管到国内CDN可以更改此链接。如需启用CDN,请在主目录的config中设置import,详见文档。
cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@18.12.31/ cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@18.12.32/
########################################################################## ##########################################################################
# 请务必阅读官方文档!!! # 请务必阅读官方文档!!!
# 请务必阅读官方文档!!! # 请务必阅读官方文档!!!

@ -1,6 +1,6 @@
.l_side .toc-wrapper{ .l_side .toc-wrapper{
z-index: 1; z-index: 1;
overflow: auto; overflow: hidden;
border-radius: @border_radius; border-radius: @border_radius;
position: sticky; position: sticky;
top: @height_navbar + 1*@gap; top: @height_navbar + 1*@gap;
@ -12,6 +12,8 @@
} }
.content{ .content{
padding: @gap/2 0; padding: @gap/2 0;
max-height: 500px;
overflow: auto;
&.pure{ &.pure{
padding-top: 0; // 适合白色导航栏背景 padding-top: 0; // 适合白色导航栏背景
} }
@ -43,6 +45,7 @@
.enable-trans(); .enable-trans();
@media(max-width: @on_phone){ @media(max-width: @on_phone){
position: fixed; position: fixed;
max-height: 1000px;
// width: ~"calc(100% - 2 * @{gap})"; // width: ~"calc(100% - 2 * @{gap})";
top: @height_navbar; top: @height_navbar;
box-shadow: @boxshadow_card_raised; box-shadow: @boxshadow_card_raised;
@ -97,6 +100,7 @@
} }
width: auto; width: auto;
text-align: left;
// &:extend(.txt-ellipsis); // &:extend(.txt-ellipsis);
} }
} }

Loading…
Cancel
Save