document/rust-lang-zh_CN
2
0
Fork 0
mirror of https://github.com/gnu4cn/rust-lang-zh_CN.git synced 2025-01-27 12:50:51 +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> <!DOCTYPE HTML>
<html lang="zh_CN" class="sidebar-visible no-js light"> <html lang="zh" class="sidebar-visible no-js light">
<head> <head>
<!-- Book generated using mdBook --> <!-- Book generated using mdBook -->
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -115,7 +115,7 @@
<h3 class="menu-title">Yet another Chinese rust-lang book.</h3> <h3 class="menu-title">Yet another Chinese rust-lang book.</h3>
<div class="right-buttons"> <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> <i id="git-repository-button" class="fa fa-github"></i>
</a> </a>
| <a href="https://books.xfoss.com" title="捐赠，donation" aria-label="捐赠，donation"> | <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) { @media only screen and (max-width:1439px) {
.sidetoc { .sidetoc {
display: none; display: none;
} }
#menu-bar { #menu-bar {
position: fixed !important; position: fixed !important;
} }
#search-toggle {
display: none;
}
} }
@media only screen and (min-width:1440px) { @media only screen and (min-width:1440px) {
main { main {
position: relative; position: relative;
margin-left: calc((100% - var(--content-max-width))/2 - 120px) !important; margin-left: calc((100% - var(--content-max-width))/2 - 120px) !important;
} }
.sidetoc { .sidetoc {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
left: calc(100% + (var(--content-max-width))/4 - 160px); left: calc(100% + (var(--content-max-width))/4 - 160px);
position: absolute; position: absolute;
} }
.pagetoc { .pagetoc {
position: fixed; position: fixed;
width: 320px; width: 320px;
height: calc(100vh - var(--menu-bar-height) - 0.67em * 4); height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
overflow: auto; overflow: auto;
} }
.pagetoc a { .pagetoc a {
border-left: 1px solid var(--sidebar-bg); border-left: 1px solid var(--sidebar-bg);
color: var(--fg) !important; color: var(--fg) !important;
display: block; display: block;
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 5px; padding-top: 5px;
padding-left: 10px; padding-left: 10px;
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;
} }
.pagetoc a:hover, .pagetoc a:hover,
.pagetoc a.active { .pagetoc a.active {
background: var(--sidebar-bg); background: var(--sidebar-bg);
color: var(--sidebar-fg) !important; color: var(--sidebar-fg) !important;
} }
.pagetoc .active { .pagetoc .active {
background: var(--sidebar-bg); background: var(--sidebar-bg);
color: var(--sidebar-fg); color: var(--sidebar-fg);
} }
.pagetoc .pagetoc-H2 { .pagetoc .pagetoc-H2 {
padding-left: 20px; padding-left: 20px;
} }
.pagetoc .pagetoc-H3 { .pagetoc .pagetoc-H3 {
padding-left: 40px; padding-left: 40px;
} }
.pagetoc .pagetoc-H4 { .pagetoc .pagetoc-H4 {
padding-left: 60px; padding-left: 60px;
} }
.pagetoc .pagetoc-H5 { .pagetoc .pagetoc-H5 {
display: none; display: none;
} }
.pagetoc .pagetoc-H6 { .pagetoc .pagetoc-H6 {
display: none; display: none;
} }
} }