From a6d13d97c48f95040919a369da61dff401732c17 Mon Sep 17 00:00:00 2001 From: Fini Jastrow Date: Wed, 19 Jun 2024 10:05:39 +0200 Subject: [PATCH] Downloads: Increase invisible font name size [why] Some browsers (i.e. Safari) show the invisible text's highlighted when searched for. The current size does not match the preview image's size so the highlight box seems too small. Interesting, Firefox and Chromium do not show the invisibe text box as hit, which I personally always find very disruptive (when I search something on a page and the brower finds it but nothing is highlighted... where the heck did it find it?), but obviously Safari does this right :-D [how] Just increase the (invisible) text size some bit to roughly fit. Signed-off-by: Fini Jastrow --- _includes/css/nerd-font-tweaks.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/_includes/css/nerd-font-tweaks.scss b/_includes/css/nerd-font-tweaks.scss index 5c9bec9546..17f697fa3f 100644 --- a/_includes/css/nerd-font-tweaks.scss +++ b/_includes/css/nerd-font-tweaks.scss @@ -11,6 +11,7 @@ p { .nerd-font-invisible-text { opacity: 0.0; + font-size: 36px; } input.nerd-font-input {