+
{% include "preset-theme-selector.njk" %}
{% include "color-scheme-selector.njk" %}
diff --git a/docs/assets/scripts/preset-theme.js b/docs/assets/scripts/preset-theme.js
index 58227a3ed..ef868db01 100644
--- a/docs/assets/scripts/preset-theme.js
+++ b/docs/assets/scripts/preset-theme.js
@@ -56,7 +56,9 @@
customElements.whenDefined(selectedItem.localName).then(async () => {
await selectedItem.updateComplete;
selectedItem.checked = true;
- container.querySelector('.preset-theme-selector__text').textContent = selectedItem.innerText;
+ container.querySelectorAll('.preset-theme-selector__text').forEach(themeSelector => {
+ themeSelector.textContent = selectedItem.innerText;
+ });
});
}
});
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index d9937e1ce..7f4bfc1c2 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -34,10 +34,6 @@ wa-page::part(header-actions) {
}
wa-page > header {
- flex: 1 1 auto;
- display: flex;
- align-items: center;
- justify-content: space-between;
padding-inline: var(--wa-space-xl);
a[href='/'] {
@@ -215,6 +211,20 @@ wa-page::part(menu) {
scrollbar-width: thin;
}
+wa-page[view='mobile'] :is([slot='navigation-header'], [slot='navigation']) {
+ padding: 0;
+
+ & wa-details::part(icon) {
+ padding-inline: var(--wa-space-xs); /* aligns details icons with drawer close icon */
+ }
+}
+
+[slot='navigation-header'] wa-menu {
+ font-family: var(--wa-font-family-body);
+ font-size: var(--wa-font-size-m);
+ font-weight: var(--wa-font-weight-normal);
+}
+
/* Main content */
wa-page > main {
max-width: 80ch;