|
53 | 53 |
|
54 | 54 | {# wa-page-based Header #} |
55 | 55 | {% block pageHeader %} |
56 | | - <header slot="header" class="wa-split"> |
57 | | - {# Nav toggle #} |
58 | | - <wa-button appearance="plain" size="small" data-toggle-nav> |
59 | | - <wa-icon name="bars" label="Toggle navigation" class="icon-default icon-embiggen"></wa-icon> |
60 | | - <wa-icon name="burger" aria-hidden="true" class="icon-hover icon-embiggen"></wa-icon> |
61 | | - </wa-button> |
| 56 | + <header slot="header"> |
| 57 | + {% include 'nav-products.njk' %} |
62 | 58 |
|
63 | | - {# Logo - Desktop #} |
64 | | - <a href="/" class="brand-logo wa-desktop-only" aria-label="Web Awesome">{% include "logo.njk" %}</a> |
| 59 | + <div id="docs-header" class="wa-split"> |
| 60 | + {% include "nav-docs.njk" %} |
65 | 61 |
|
66 | | - {# Logo - Mobile #} |
67 | | - <a href="/" class="brand-logo wa-mobile-only" aria-label="Web Awesome">{% include "logo-simple.njk" %}</a> |
| 62 | + {# Nav toggle #} |
| 63 | + {% include "nav-toggle.njk" %} |
68 | 64 |
|
69 | | - <div id="docs-toolbar" class="wa-cluster gap-s"> |
70 | | - <div class="wa-desktop-only wa-cluster wa-gap-2xs"> |
71 | | - {% include "theme-selector.njk" %} |
72 | | - {% include "color-scheme-selector.njk" %} |
73 | | - {% include "github-icon-buttons.njk" %} |
74 | | - </div> |
| 65 | + {# Logo - Mobile #} |
| 66 | + <a href="/" class="wa-mobile-only" aria-label="Web Awesome"> |
| 67 | + <wa-icon name="web-awesome" family="brands" class="logo-app"></wa-icon> |
| 68 | + </a> |
| 69 | + |
| 70 | + <div id="docs-toolbar" class="wa-cluster gap-s"> |
| 71 | + <div class="wa-desktop-only wa-cluster wa-gap-2xs"> |
| 72 | + {% include "theme-selector.njk" %} |
| 73 | + {% include "color-scheme-selector.njk" %} |
| 74 | + {% include "github-icon-buttons.njk" %} |
| 75 | + </div> |
75 | 76 |
|
76 | | - {#- Login -#} |
77 | | - {% include "login-or-avatar.njk" ignore missing %} |
| 77 | + {#- Login -#} |
| 78 | + {% include "login-or-avatar.njk" ignore missing %} |
| 79 | + </div> |
78 | 80 | </div> |
79 | 81 | </header> |
80 | 82 | {% endblock %} |
|
88 | 90 | {% if hasSidebar %} |
89 | 91 | <div class="wa-mobile-only" slot="navigation-header"> |
90 | 92 | <div class="wa-cluster wa-gap-s"> |
91 | | - <a href="/" class="logo-app" aria-label="Web Awesome"> |
92 | | - <wa-icon name="web-awesome" family="brands"></wa-icon> |
| 93 | + <a href="/" aria-label="Web Awesome"> |
| 94 | + <wa-icon name="web-awesome" family="brands" class="logo-app"></wa-icon> |
93 | 95 | </a> |
94 | 96 | <div class="wa-cluster wa-gap-2xs" style="flex-wrap: nowrap;"> |
95 | 97 | {% include "theme-selector.njk" %} |
|
0 commit comments