@onsvisual/svelte-components 1.1.15 → 1.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -241,8 +241,8 @@
|
|
|
241
241
|
const columns = [[menu.topics[0]], [menu.topics[1], menu.topics[2]], [menu.topics[3]]];
|
|
242
242
|
|
|
243
243
|
onMount(() => {
|
|
244
|
-
const hasBodyClass = "className" in document
|
|
245
|
-
const bodyClassString = document
|
|
244
|
+
const hasBodyClass = "className" in document.body || {};
|
|
245
|
+
const bodyClassString = document.body?.className || "";
|
|
246
246
|
if (hasBodyClass && !bodyClassString.includes("ons-js-enabled"))
|
|
247
247
|
document.body.className = bodyClassString + " ons-js-enabled";
|
|
248
248
|
initNav(el?.parentElement || document);
|
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
</Container>
|
|
478
478
|
</div>
|
|
479
479
|
<nav
|
|
480
|
-
class="ons-js-nav-menu ons-header-nav-menu ons-u-pt-2xl ons-u-d-no"
|
|
480
|
+
class="ons-js-nav-menu ons-header-nav-menu ons-u-pt-2xl ons-u-d-no disabled"
|
|
481
481
|
class:ons-header-menu--border={menuBorder}
|
|
482
482
|
id="menu-links"
|
|
483
483
|
aria-label="Menu navigation"
|
|
@@ -537,7 +537,7 @@
|
|
|
537
537
|
</nav>
|
|
538
538
|
{#if search}
|
|
539
539
|
<nav
|
|
540
|
-
class="ons-js-header-search ons-header-nav-search ons-u-d-no"
|
|
540
|
+
class="ons-js-header-search ons-header-nav-search ons-u-d-no disabled"
|
|
541
541
|
class:ons-header-menu--border={menuBorder}
|
|
542
542
|
id="search"
|
|
543
543
|
aria-label="Nav Search"
|
|
@@ -630,4 +630,13 @@
|
|
|
630
630
|
:global(.dark-mode .ons-search__input) {
|
|
631
631
|
color: var(--ons-color-black);
|
|
632
632
|
}
|
|
633
|
+
|
|
634
|
+
/* Fixes for no JS styling issue */
|
|
635
|
+
.ons-header__grid-top {
|
|
636
|
+
flex-direction: inherit;
|
|
637
|
+
align-items: center;
|
|
638
|
+
}
|
|
639
|
+
.ons-header__grid-top .ons-header__menu-links {
|
|
640
|
+
width: auto;
|
|
641
|
+
}
|
|
633
642
|
</style>
|