templates/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-04-22 04:11:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #71 from nunocoracao/70-table-of-contents-on-mobile-should-be-a-dropdown

Browse source 
improved usability of TOC on mobile
This commit is contained in:
Nuno Coração 2022-10-04 15:37:55 +01:00 • committed by GitHub
commit fe032dac59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/css/compiled/main.css
View file

@ -1621,10 +1621,10 @@ select {
width: 3rem; width: 3rem;
} }
.w-max { .w-fit {
width: -webkit-max-content; width: -webkit-fit-content;
width: -moz-max-content; width: -moz-fit-content;
width: max-content; width: fit-content;
} }
.w-36 { .w-36 {
@ -1635,12 +1635,6 @@ select {
width: 100%; width: 100%;
} }
.w-fit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.w-24 { .w-24 {
width: 6rem; width: 6rem;
} }
@ -3415,6 +3409,10 @@ body:has(#menu-controller:checked) {
order: 9999; order: 9999;
} }
.lg\:block {
display: block;
}
.lg\:hidden { .lg\:hidden {
display: none; display: none;
} }

14
layouts/partials/toc.html
View file

@ -1,4 +1,4 @@
<details open class="mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5"> <details open class="mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
<summary <summary
class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden" class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
> >
@ -10,3 +10,15 @@
{{ .TableOfContents | emojify }} {{ .TableOfContents | emojify }}
</div> </div>
</details> </details>
<details class="mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 lg:hidden">
<summary
class="py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden"
>
{{ i18n "article.table_of_contents" }}
</summary>
<div
class="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600"
>
{{ .TableOfContents | emojify }}
</div>
</details>