Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-06-15 04:52:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

🔀 Merge pull request #806 from Jh123x/fix/772/set-to-top-elem-on-scrollable-height

Browse Source 
feat: add js to check height and decide if to top is required
This commit is contained in:
James Panther
2024-08-29 12:15:52 +10:00
committed by GitHub
parent 258ca2e3e6 fce82b45b2
commit 3f7453e9e8
2 changed files with 38 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+16 -12
View File
@@ -29,19 +29,23 @@
<div class="relative flex grow flex-col">
<main id="main-content" class="grow">
{{ block "main" . }}{{ end }}
{{ if and (.Site.Params.footer.showScrollToTop | default true) (gt .WordCount 200) }}
<div class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12">
<a
href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="{{ i18n "nav.scroll_to_top_title" }}"
title="{{ i18n "nav.scroll_to_top_title" }}"
>
&uarr;
</a>
</div>
{{ end }}
</main>
{{ if .Site.Params.footer.showScrollToTop | default true }}
<div
class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12"
id="to-top"
hidden="{{ .Site.Params.footer.showScrollToTop | default true -}}"
>
<a
href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="{{ i18n "nav.scroll_to_top_title" }}"
title="{{ i18n "nav.scroll_to_top_title" }}"
>
&uarr;
</a>
</div>
{{ end }}
{{- partial "footer.html" . -}}
{{ if .Site.Params.enableSearch | default false }}
{{- partial "search.html" . -}}