From 08195a61feb78f02adc7fa749c8bd0fd6b033051 Mon Sep 17 00:00:00 2001 From: "Unisko PENG," Date: Thu, 30 Mar 2023 11:50:22 +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 f85b13b..e521dc9 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + 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; + } }