js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add help buttons to component pages (#984)

Browse Source 
* add help buttons to component pages; fixes #140

* justify start
This commit is contained in:
Cory LaViska
2025-05-22 13:40:35 -04:00
committed by GitHub
parent 5921f3eeaa
commit 73f6eeacbd
2 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/_layouts/component.njk
View File

@@ -281,4 +281,18 @@
#}
</wa-tab-panel>
</wa-tab-group>
<wa-divider></wa-divider>
<div class="component-help">
<strong>Need a hand?</strong>
<wa-button size="small" appearance="filled" variant="neutral" href="https://github.com/shoelace-style/webawesome-alpha/issues" target="_blank">
<wa-icon slot="prefix" name="bug"></wa-icon>
Report a bug
</wa-button>
<wa-button size="small" appearance="filled" variant="neutral" href="https://github.com/shoelace-style/webawesome-alpha/discussions" target="_blank">
<wa-icon slot="prefix" name="message-question"></wa-icon>
Ask for help
</wa-button>
</div>
{% endblock %}

15
docs/assets/styles/docs.css
View File

@@ -741,6 +741,21 @@ wa-scroller:has(.component-table) {
}
}
.component-help {
display: flex;
width: 100%;
gap: var(--wa-space-m);
flex-wrap: wrap;
align-items: center;
justify-content: start;
margin-block-start: var(--wa-space-xl);
strong {
font-size: var(--wa-font-size-s);
font-weight: var(--wa-font-weight-semibold);
}
}
/** desktop */
@media screen and not (max-width: 768px) {
/* Navigation sidebar */