Skip to content

Commit 2f39a46

Browse files
committed
Adapt search input and update assets
1 parent 8313321 commit 2f39a46

3 files changed

Lines changed: 1359 additions & 5 deletions

File tree

_includes/menu.html

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,9 @@
3232
<img class="menu-logo-type" src="{{site.url}}/images/css-reference-type.png" alt="CSS Reference type">
3333
</figure>
3434
</a>
35-
aria-label="Share via Twitter"
36-
aria-label="Share via Facebook"
3735
</header>
38-
<nav id="menu-nav" class="menu-collection" role="menu">
39-
<div class="menu-search" role="search">
36+
<nav class="menu-collections">
37+
<p><strong>Collections</strong></p>
4038
<ul>
4139
<li><a class="menu-collection-link{% if page.collection_name == 'Animations' %} menu-collection-link--active{% endif %}" href="{{site.url}}/animations/">Animations</a></li>
4240
<li><a class="menu-collection-link{% if page.collection_name == 'Box model' %} menu-collection-link--active{% endif %}" href="{{site.url}}/box-model/">Box model</a></li>
@@ -46,6 +44,9 @@
4644
<li><a class="menu-collection-link{% if page.collection_name == 'Typography' %} menu-collection-link--active{% endif %}" href="{{site.url}}/typography/">Typography</a></li>
4745
</ul>
4846
</nav>
47+
<nav id="menu-nav" class="menu-nav" role="menu">
48+
<div class="menu-search" role="search">
49+
<label for="menu-search-input">Use search input to filter Menu items list:</label>
4950
<input id="menu-search-input" type="search" autocomplete="off" placeholder="Search for a property">
5051
<i class="icon is-search"></i>
5152
</div>

0 commit comments

Comments
 (0)