-
Notifications
You must be signed in to change notification settings - Fork 26
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: TOC auto-shortens when the article gets too long
feat: TOC auto-shortens when the article gets too long feat: Enabled option for floating + static TOC chore: better styling for TOC
- Loading branch information
1 parent
3e17a48
commit 318f4b4
Showing
14 changed files
with
362 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,211 @@ | ||
--- | ||
title: "Floating Navigation bar" | ||
date: "2023-06-19" | ||
description: "The Floating Navigation bar can get truncated to show h2 headings if the table of content gets to long" | ||
tags: [markdown, css, html, themes] | ||
categories: [themes, syntax] | ||
--- | ||
|
||
## Intro | ||
|
||
Try this example with `toc = "floating"` and `toc = "static"`! | ||
|
||
## Header | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
## Header 2 | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
### Subitem | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur. | ||
|
||
## Header 1 | ||
### Subitem | ||
## Header 2 | ||
### Subitem | ||
## Header 3 | ||
### Subitem | ||
## Header 4 | ||
### Subitem | ||
## Header 5 | ||
### Subitem | ||
## Header 6 | ||
### Subitem | ||
## Header 7 | ||
### Subitem | ||
## Header 8 | ||
### Subitem | ||
## Header 9 | ||
### Subitem | ||
## Header 10 | ||
### Subitem | ||
## Header 11 | ||
### Subitem | ||
## Header 12 | ||
### Subitem | ||
## Header 13 | ||
### Subitem | ||
## Header 14 | ||
### Subitem | ||
## Header 15 | ||
### Subitem | ||
## Header 16 | ||
### Subitem | ||
## Header 17 | ||
### Subitem | ||
## Header 18 | ||
### Subitem | ||
## Header 19 | ||
### Subitem | ||
## Header 20 | ||
### Subitem | ||
## Header 21 | ||
### Subitem | ||
## Header 22 | ||
### Subitem | ||
## Header 23 | ||
### Subitem | ||
## Header 24 | ||
### Subitem | ||
## Header 25 | ||
### Subitem | ||
## Header 26 | ||
### Subitem | ||
## Header 27 | ||
### Subitem | ||
## Header 28 | ||
### Subitem | ||
## Header 29 | ||
### Subitem | ||
## Header 30 | ||
### Subitem | ||
## Header 31 | ||
### Subitem | ||
## Header 32 | ||
### Subitem | ||
## Header 33 | ||
### Subitem | ||
## Header 34 | ||
### Subitem | ||
## Header 35 | ||
### Subitem | ||
## Header 36 | ||
### Subitem | ||
## Header 37 | ||
### Subitem | ||
## Header 38 | ||
### Subitem | ||
## Header 39 | ||
### Subitem | ||
## Header 40 | ||
### Subitem | ||
## Header 41 | ||
### Subitem | ||
## Header 42 | ||
### Subitem | ||
## Header 43 | ||
### Subitem | ||
## Header 44 | ||
### Subitem | ||
## Header 45 | ||
### Subitem | ||
## Header 46 | ||
### Subitem | ||
## Header 47 | ||
### Subitem | ||
## Header 48 | ||
### Subitem | ||
## Header 49 | ||
### Subitem | ||
## Header 50 |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.