修复导航图标被章节目录遮盖的bug

3 years ago · cbe23a8fc1
parent 53aca16e6a
commit cbe23a8fc1
1 changed files with 10 additions and 1 deletions
--- a/theme/style.css
+++ b/theme/style.css
@ -19,7 +19,7 @@
    .pagetoc {
        position: fixed;
        width: 200px;
-        height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
+        height: calc(100vh - var(--menu-bar-height) - 20rem);
        overflow: auto;
        z-index: 1000;
    }
@ -70,3 +70,12 @@ table {
    margin-left: 0 !important;
 }

+/* 只使用底部的页面跳转，因为左右两边的宽跳转会被 page-toc 遮盖 */
+@media only screen and (max-width: 2560px) {
+    .nav-wide-wrapper { display: none; }
+    .nav-wrapper { display: block; }
+}
+@media only screen and (max-width: 2560px) {
+    .sidebar-visible .nav-wide-wrapper { display: none; }
+    .sidebar-visible .nav-wrapper { display: block; }
+}