Update markdown navigation for mobile

[peterjokumsen]

Summary

Created MobileTocComponent, rendered in md-renderer component, with position absolute to prevent element width from affecting width of content.

Fixes #100

[nx-cloud[bot]]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit a466917f9d744249201b7167606f348731cd375c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 2 targets

- [`nx affected -t lint test --configuration=ci --base=98a354bbe3bcb51f1fcadd33fb8bd863834cad8d`](https://cloud.nx.app/runs/HpYAbtMNOC?utm_source=pull-request&utm_medium=comment) - [`nx run blog:build:staging`](https://cloud.nx.app/runs/zMmOYGUYpm?utm_source=pull-request&utm_medium=comment)

---

Sent with 💌 from NxCloud.

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 89.28571% with 3 lines in your changes missing coverage. Please review.

Project coverage is 84.98%. Comparing base (98a354b) to head (a466917).

Additional details and impacted files

| [Files](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | Coverage Δ | | |---|---|---| | [...d-renderer/src/lib/components/md-code.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Fcomponents%2Fmd-code.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL2NvbXBvbmVudHMvbWQtY29kZS5jb21wb25lbnQudHM=) | `90.90% <ø> (ø)` | | | [...rer/src/lib/md-renderer/md-renderer.component.html](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Fmd-renderer%2Fmd-renderer.component.html&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL21kLXJlbmRlcmVyL21kLXJlbmRlcmVyLmNvbXBvbmVudC5odG1s) | `100.00% <100.00%> (ø)` | | | [...derer/src/lib/md-renderer/md-renderer.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Fmd-renderer%2Fmd-renderer.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL21kLXJlbmRlcmVyL21kLXJlbmRlcmVyLmNvbXBvbmVudC50cw==) | `52.77% <100.00%> (ø)` | | | [ng-libs/md-renderer/src/lib/toc/index.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Findex.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy9pbmRleC50cw==) | `100.00% <100.00%> (ø)` | | | [...bs/md-renderer/src/lib/toc/mobile-toc.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Fmobile-toc.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy9tb2JpbGUtdG9jLmNvbXBvbmVudC50cw==) | `100.00% <100.00%> (ø)` | | | [...derer/src/lib/toc/table-of-contents.component.html](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Ftable-of-contents.component.html&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy90YWJsZS1vZi1jb250ZW50cy5jb21wb25lbnQuaHRtbA==) | `100.00% <ø> (ø)` | | | [...enderer/src/lib/toc/table-of-contents.component.ts](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?src=pr&el=tree&filepath=ng-libs%2Fmd-renderer%2Fsrc%2Flib%2Ftoc%2Ftable-of-contents.component.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen#diff-bmctbGlicy9tZC1yZW5kZXJlci9zcmMvbGliL3RvYy90YWJsZS1vZi1jb250ZW50cy5jb21wb25lbnQudHM=) | `83.33% <70.00%> (-16.67%)` | :arrow_down: | ... and [62 files with indirect coverage changes](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | [Components](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=components&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | Coverage Δ | | |---|---|---| | [md-parser](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [ts-libs](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [md-renderer](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `84.27% <89.28%> (+0.37%)` | :arrow_up: | | [module_ng_libs](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `∅ <ø> (∅)` | | | [app_blog](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) | `86.66% <ø> (ø)` | | ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). Last update [98a354b...a466917](https://app.codecov.io/gh/peterjokumsen/peterjokumsen-nx-workspace/pull/108?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Peter+Jokumsen).

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://purple-flower-05318b203-108.westeurope.5.azurestaticapps.net

[github-actions[bot]]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟠 65	🟢 100	🟢 96	🟢 92	🟢 100	Report
/about-me	🟢 88	🟢 100	🟢 96	🟢 92	🟢 100	Report
/development-notes	🟢 96	🟢 100	🟢 96	🟢 92	🟢 100	Report
/not/found	🟢 97	🟢 100	🟢 96	🟢 92	🟢 100	Report

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://purple-flower-05318b203-108.westeurope.5.azurestaticapps.net