document/rust-lang-zh_CN
2
0
Fork 0
mirror of https://github.com/gnu4cn/rust-lang-zh_CN.git synced 2025-01-26 20:30:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Optimize #search-toggle display

Browse Source
This commit is contained in:
Unisko PENG, 2023-03-30 11:50:13 +08:00
parent 17dea2416a
commit 991b5e7fec
2 changed files with 61 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE HTML>
<html lang="zh_CN" class="sidebar-visible no-js light">
<html lang="zh" class="sidebar-visible no-js light">
<head>
<!-- Book generated using mdBook -->
<meta charset="UTF-8">
@ -115,7 +115,7 @@
<h3 class="menu-title">Yet another Chinese rust-lang book.</h3>
<div class="right-buttons">
<a href="https://github.com/rust-lang-zh_CN" title="Git repository" aria-label="Git repository">
<a href="https://github.com/gnu4cn/rust-lang-zh_CN" title="Git repository" aria-label="Git repository">
<i id="git-repository-button" class="fa fa-github"></i>
</a>
| <a href="https://books.xfoss.com" title="捐赠，donation" aria-label="捐赠，donation">

115
theme/pagetoc.css
View File

@ -1,62 +1,65 @@
@media only screen and (max-width:1439px) {
.sidetoc {
display: none;
}
#menu-bar {
position: fixed !important;
}
.sidetoc {
display: none;
}
#menu-bar {
position: fixed !important;
}
#search-toggle {
display: none;
}
}
@media only screen and (min-width:1440px) {
main {
position: relative;
margin-left: calc((100% - var(--content-max-width))/2 - 120px) !important;
}
.sidetoc {
margin-left: auto;
margin-right: auto;
left: calc(100% + (var(--content-max-width))/4 - 160px);
position: absolute;
}
.pagetoc {
position: fixed;
width: 320px;
height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
overflow: auto;
}
.pagetoc a {
border-left: 1px solid var(--sidebar-bg);
color: var(--fg) !important;
display: block;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
text-align: left;
text-decoration: none;
}
.pagetoc a:hover,
.pagetoc a.active {
background: var(--sidebar-bg);
color: var(--sidebar-fg) !important;
}
.pagetoc .active {
background: var(--sidebar-bg);
color: var(--sidebar-fg);
}
.pagetoc .pagetoc-H2 {
padding-left: 20px;
}
.pagetoc .pagetoc-H3 {
padding-left: 40px;
}
.pagetoc .pagetoc-H4 {
padding-left: 60px;
}
.pagetoc .pagetoc-H5 {
display: none;
}
.pagetoc .pagetoc-H6 {
display: none;
}
main {
position: relative;
margin-left: calc((100% - var(--content-max-width))/2 - 120px) !important;
}
.sidetoc {
margin-left: auto;
margin-right: auto;
left: calc(100% + (var(--content-max-width))/4 - 160px);
position: absolute;
}
.pagetoc {
position: fixed;
width: 320px;
height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
overflow: auto;
}
.pagetoc a {
border-left: 1px solid var(--sidebar-bg);
color: var(--fg) !important;
display: block;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
text-align: left;
text-decoration: none;
}
.pagetoc a:hover,
.pagetoc a.active {
background: var(--sidebar-bg);
color: var(--sidebar-fg) !important;
}
.pagetoc .active {
background: var(--sidebar-bg);
color: var(--sidebar-fg);
}
.pagetoc .pagetoc-H2 {
padding-left: 20px;
}
.pagetoc .pagetoc-H3 {
padding-left: 40px;
}
.pagetoc .pagetoc-H4 {
padding-left: 60px;
}
.pagetoc .pagetoc-H5 {
display: none;
}
.pagetoc .pagetoc-H6 {
display: none;
}
}