fonts/nerd-fonts
1
0
Fork 0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00
Code Issues Releases Activity

Downloads: Make font name searchable

Browse Source 
[why]
The download page is not searchable for font names (except in some cases
where the font is RFN or something).

Because the font name is just in the preview image (and thus an image)
users can not quickly go to some download link by searching for the
name.

[how]
Lay the font name invisible over the preview image.

Fixes: #1660

Reported-by: @willhansen
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
This commit is contained in:
Fini Jastrow 2024-06-19 09:50:39 +02:00
parent 8a55ec2eea
commit cff4a7b856
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/css/nerd-font-tweaks.scss
View File

@ -9,6 +9,10 @@ p {
padding: 8px 18px;
}
.nerd-font-invisible-text {
opacity: 0.0;
}
input.nerd-font-input {
cursor: inherit;
}

1
_posts/2017-01-03-downloads.md
View File

@ -13,6 +13,7 @@ page: font-downloads
{% for font in site.data.fonts.fonts %}
<div class="item">
<a href="https://github.com/ryanoasis/nerd-fonts/releases/download/v{{ site.current_version }}/{{ font.folderName }}.zip" class="font-preview" style="background-image: url('/assets/img/previews/{{ font.imagePreviewFont }}.svg')">
<span class="nerd-font-invisible-text"> {{ font.patchedName }} </span>
</a>
{% assign upN = font.unpatchedName | split: " " | join: "" %}
{% assign pN = font.patchedName | split: " " | join: "" %}