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

minor fixes

Browse Source
This commit is contained in:
konnorrogers
2024-12-10 13:45:35 -05:00
parent e96d7362b3
commit 8b3db8fa14
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/_includes/base.njk
View File

@@ -93,6 +93,7 @@
<wa-button appearance="text" size="small" data-toggle-nav>
<wa-icon name="bars" label="Toggle navigation"></wa-icon>
</wa-button>
<a href="/" aria-label="Web Awesome">
<span class="only-desktop">{% include "logo.njk" %}</span>
<span class="only-mobile">{% include "logo-simple.njk" %}</span>

13
src/components/page/page.ts
View File

@@ -101,12 +101,11 @@ export default class WaPage extends WebAwesomeElement {
const path = e.composedPath();
// Grab it once and "cache" it.
const navToggleSlot = this.navigationToggleSlot;
const navigationToggleSlot = this.navigationToggleSlot
if (
path.find((el: Element) => {
return el.hasAttribute?.('data-toggle-nav') || el.assignedSlot === navToggleSlot || el === navToggleSlot;
return el.hasAttribute?.('data-toggle-nav') || el.assignedSlot === navigationToggleSlot || el === navigationToggleSlot
})
) {
e.preventDefault();
@@ -119,8 +118,6 @@ export default class WaPage extends WebAwesomeElement {
@query("[part~='footer']") footer: HTMLElement;
@query("[part~='banner']") banner: HTMLElement;
@query("[part~='drawer']") navigationDrawer: WaDrawer;
// Easy way to grab the navigationToggleSlot so we can trigger the drawer regardless of whats slotted.
@query("slot[name~='navigation-toggle']") navigationToggleSlot: HTMLSlotElement;
/**
@@ -193,9 +190,11 @@ export default class WaPage extends WebAwesomeElement {
this.pageResizeObserver.observe(this);
const navQuery = ":not([slot='toggle-navigation']) [data-toggle-nav]"
// check once on initial connect
// eslint-disable-next-line
this.disableNavigationToggle = Boolean(this.querySelector('[data-toggle-nav]'));
this.disableNavigationToggle = Boolean(this.querySelector(navQuery));
setTimeout(() => {
this.headerResizeObserver.observe(this.header);
@@ -205,7 +204,7 @@ export default class WaPage extends WebAwesomeElement {
// Check again when the element updates
// eslint-disable-next-line
this.disableNavigationToggle = Boolean(this.querySelector('[data-toggle-nav]'));
this.disableNavigationToggle = Boolean(this.querySelector(navQuery));
});
}