mirror of
https://github.com/imfing/hextra.git
synced 2025-07-14 16:21:26 -04:00
Compare commits
1 Commits
1a4fbe85ca
...
8f5f668493
Author | SHA1 | Date | |
---|---|---|---|
8f5f668493 |
@ -1,9 +1,4 @@
|
|||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
scrollToActiveItem();
|
|
||||||
enableCollapsibles();
|
|
||||||
});
|
|
||||||
|
|
||||||
function enableCollapsibles() {
|
|
||||||
const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
|
const buttons = document.querySelectorAll(".hextra-sidebar-collapsible-button");
|
||||||
buttons.forEach(function (button) {
|
buttons.forEach(function (button) {
|
||||||
button.addEventListener("click", function (e) {
|
button.addEventListener("click", function (e) {
|
||||||
@ -14,23 +9,4 @@ function enableCollapsibles() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
});
|
||||||
|
|
||||||
function scrollToActiveItem() {
|
|
||||||
const sidebarScrollbar = document.querySelector("aside.sidebar-container > .hextra-scrollbar");
|
|
||||||
const activeItems = document.querySelectorAll(".sidebar-active-item");
|
|
||||||
const visibleActiveItem = Array.from(activeItems).find(function (activeItem) {
|
|
||||||
return activeItem.getBoundingClientRect().height > 0;
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!visibleActiveItem) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const yOffset = visibleActiveItem.clientHeight;
|
|
||||||
const yDistance = visibleActiveItem.getBoundingClientRect().top - sidebarScrollbar.getBoundingClientRect().top;
|
|
||||||
sidebarScrollbar.scrollTo({
|
|
||||||
behavior: "instant",
|
|
||||||
top: yDistance - yOffset
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
@ -112,7 +112,7 @@ Documentation > Guide > Foo Bar
|
|||||||
|
|
||||||
### Hiding Breadcrumbs
|
### Hiding Breadcrumbs
|
||||||
|
|
||||||
You can hide breadcrumbs completely from a page by specifying `breadcrumbs: false` in its front matter:
|
You can hide breadcrumbs completely from a page by specfying `breadcrumbs: false` in its front matter:
|
||||||
|
|
||||||
```yaml {filename="content/docs/guide/organize-files.md"}
|
```yaml {filename="content/docs/guide/organize-files.md"}
|
||||||
---
|
---
|
||||||
|
@ -87,30 +87,3 @@ Card supports adding tags which could be useful to show extra status information
|
|||||||
{{</* card link="../callout" title="Card with yellow tag" tag="tag text" tagType="warning" */>}}
|
{{</* card link="../callout" title="Card with yellow tag" tag="tag text" tagType="warning" */>}}
|
||||||
{{</* /cards */>}}
|
{{</* /cards */>}}
|
||||||
```
|
```
|
||||||
|
|
||||||
## Columns
|
|
||||||
|
|
||||||
You can specify the maximum number of columns for cards to span by passing the `cols` parameter to the `cards` shortcode. Note that columns will still be collapsed on smaller screens.
|
|
||||||
|
|
||||||
{{< cards cols="1" >}}
|
|
||||||
{{< card link="/" title="Top Card" >}}
|
|
||||||
{{< card link="/" title="Bottom Card" >}}
|
|
||||||
{{< /cards >}}
|
|
||||||
|
|
||||||
{{< cards cols="2" >}}
|
|
||||||
{{< card link="/" title="Left Card" >}}
|
|
||||||
{{< card link="/" title="Right Card" >}}
|
|
||||||
{{< /cards >}}
|
|
||||||
|
|
||||||
```
|
|
||||||
{{</* cards cols="1" */>}}
|
|
||||||
{{</* card link="/" title="Top Card" */>}}
|
|
||||||
{{</* card link="/" title="Bottom Card" */>}}
|
|
||||||
{{</* /cards */>}}
|
|
||||||
|
|
||||||
{{</* cards cols="2" */>}}
|
|
||||||
{{</* card link="/" title="Left Card" */>}}
|
|
||||||
{{</* card link="/" title="Right Card" */>}}
|
|
||||||
{{</* /cards */>}}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
@ -13,13 +13,6 @@ Open source projects powered by Hextra
|
|||||||
|
|
||||||
{{< cards >}}
|
{{< cards >}}
|
||||||
|
|
||||||
{{< card
|
|
||||||
link="https://github.com/welding-torch/installc"
|
|
||||||
title="Install C"
|
|
||||||
image="https://github.com/user-attachments/assets/c9a85327-c7e7-40f1-830a-b4190a5e47bd"
|
|
||||||
imageStyle="object-fit:cover; aspect-ratio:16/9;"
|
|
||||||
>}}
|
|
||||||
|
|
||||||
{{< card
|
{{< card
|
||||||
link="https://github.com/axivo/website"
|
link="https://github.com/axivo/website"
|
||||||
title="AXIVO Docs"
|
title="AXIVO Docs"
|
||||||
|
@ -5,7 +5,7 @@ Renders the page using the RenderShortcode method on the Page object.
|
|||||||
|
|
||||||
You must call this shortcode using the {{% %}} notation.
|
You must call this shortcode using the {{% %}} notation.
|
||||||
|
|
||||||
@param {string} (positional parameter 0) The path to the page, relative to the content directory.
|
@param {string} (postional parameter 0) The path to the page, relative to the content directory.
|
||||||
@returns template.HTML
|
@returns template.HTML
|
||||||
|
|
||||||
@example {{% include "functions/_common/glob-patterns" %}}
|
@example {{% include "functions/_common/glob-patterns" %}}
|
||||||
|
Reference in New Issue
Block a user