|
|
@ -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); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|