From 95cf266d2b2b06a423efa9c4d37265fe2dc2efbe Mon Sep 17 00:00:00 2001
From: "Unisko PENG," <unisko@gmail.com>
Date: Thu, 30 Mar 2023 11:50:56 +0800
Subject: [PATCH] Optimize #search-toggle display
---
index.html | 2 +-
theme/pagetoc.css | 115 ++++++++++++++++++++++++----------------------
2 files changed, 60 insertions(+), 57 deletions(-)
diff --git a/index.html b/index.html
index 91256a1..4ec9856 100644
--- a/index.html
+++ b/index.html
@@ -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">
diff --git a/theme/pagetoc.css b/theme/pagetoc.css
index cafa416..6b4a41b 100644
--- a/theme/pagetoc.css
+++ b/theme/pagetoc.css
@@ -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;
+ }
}