Skip to content

Commit

Permalink
feat: add static navigation island plugin
Browse files Browse the repository at this point in the history
  • Loading branch information
GabsEdits committed Jul 24, 2024
1 parent f2f6768 commit 34a1ce1
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 1 deletion.
2 changes: 1 addition & 1 deletion docs/.vitepress/theme/PluginsList.vue
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<template>
<small>From newest to oldest ↓</small>
<div class="plguins-list">
<noscript>
<small>To use the filter you need JavaScript to be enabled.</small>
</noscript>
<small>From newest to oldest ↓</small>
<div class="filter-tags">
<button @click="filterplugins('')" id="all-tags">All</button>
<button v-for="tag in uniqueTags" :key="tag" @click="filterplugins(tag)">
Expand Down
31 changes: 31 additions & 0 deletions docs/plugins/posts/static-navigation-island.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
---
layout: article
title: Static Navigation Island
description: Make your navigation not be fixed to the screen when scrolling.
date: 2024-07-24T21:56:00+03:00
author:
- Gabriel Cozma
tags:
- Navigation
banner: /images/plugins/static-nav.png
prev: Numeric Headings
---

If you want your navigation island to not be fixed to the screen when scrolling, you can apply this plugin. To add the plugin, simply add the plugin's name to the `plugins` array in the `config.mts` file. The plugin will be automatically added to the navigation.

![Screenshot of how such an navigation would look (looks the same as deafult)](/images/plugins/static-nav.png#shadow)


Plugin Name:

```txt
static-nav
```

## Example of the Configuration

```ts
plugins: [
"static-nav",
],
```
Binary file added docs/public/images/plugins/static-nav.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 34a1ce1

Please sign in to comment.