From 02a247ba9112ae944169c7665ba9be87e91c02dc Mon Sep 17 00:00:00 2001 From: eltrac Date: Fri, 20 Feb 2026 15:57:19 +0800 Subject: perf: render items of long list only after scrolled into view --- assets/css/utils/_utility.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'assets/css') diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss index df29ce0a..ce11796c 100644 --- a/assets/css/utils/_utility.scss +++ b/assets/css/utils/_utility.scss @@ -46,3 +46,7 @@ details.no-mark summary::marker { content: "" } +.lazy-render { + content-visibility: auto; + contain-intrinsic-size: auto 500px; +} -- cgit v1.2.3 From f53d5fd6ec56aef40f9f9f7fba464dfebc20f6a5 Mon Sep 17 00:00:00 2001 From: eltrac Date: Sun, 8 Mar 2026 09:15:08 +0800 Subject: feat: new external link icon MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit replace "↗" with a SVG image, because on some devices, it might be rendered as "↗️" emoji. --- assets/css/_markdown.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'assets/css') diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss index 00916795..a4e8f92d 100644 --- a/assets/css/_markdown.scss +++ b/assets/css/_markdown.scss @@ -97,7 +97,12 @@ // external link icon &.external-link::after { - content: '↗'; + content: ''; + background-image: url('/icons/external.svg'); + background-size: cover; + opacity: 0.65; + height: 1em; + width: 1em; } // icons for specific domains -- cgit v1.2.3