From dc19c4b7970b81d275922c39f51764fdd8163764 Mon Sep 17 00:00:00 2001 From: CyC2018 Date: Sun, 1 Nov 2026 20:36:00 +0800 Subject: [PATCH] Update site.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 侧边栏读完标记的样式;手机上打开目录时正文加遮罩,底部按钮条用页面底色。 --- website/templates/site.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/website/templates/site.css b/website/templates/site.css index 600243ec..f577aa50 100644 --- a/website/templates/site.css +++ b/website/templates/site.css @@ -334,3 +334,16 @@ html { scrollbar-gutter: stable; } .token.namespace { opacity: 1; color: var(--muted); } .article-toc li a { display: inline-block; padding: 3px 0; } .markdown-section :not(pre) > code { overflow-wrap: anywhere; } + +/* sidebar-scrim:手机上打开目录时,底部按钮条用页面底色,正文盖一层淡的遮罩 */ +@media (max-width: 768px) { + body.close .sidebar-toggle { background-color: var(--bg); box-shadow: 0 -1px 0 var(--border); } + .content::after { content: ""; position: fixed; inset: 0; z-index: 25; background: rgba(20, 24, 23, .32); opacity: 0; pointer-events: none; transition: opacity .25s ease; } + body.close .content::after { opacity: 1; pointer-events: auto; } +} + +/* 读完的文章:侧边栏标 ✓,首页写已读完几篇 */ +.sidebar-nav a.read::after { content: "✓"; content: "✓" / ""; margin-left: 6px; color: var(--theme-color); font-size: 12px; font-weight: 600; } +.markdown-section .recent-read .read-count { margin-left: 12px; } +.markdown-section .recent-read .clear-read { margin-left: 8px; padding: 2px 4px; border: 0; background: none; color: var(--muted); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } +.markdown-section .recent-read .clear-read:hover { color: var(--theme-color); }