Skip to content

Commit db5b5b6

Browse files
LevFlavienLevFlavien
committed
feat(API-1892): Implement new menu
1 parent 71c381a commit db5b5b6

File tree

3 files changed

+70
-19
lines changed

3 files changed

+70
-19
lines changed

‎src/partials/layout.handlebars

Lines changed: 54 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -43,33 +43,68 @@
4343

4444
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
4545
<ul class="nav navbar-nav navbar-left">
46-
<li class="{{#if active_apps}}active{{/if}}">
47-
<a href="/apps.html">Apps</a>
48-
</li>
49-
<li class="{{#if active_guides}}active{{/if}}">
50-
<a href="/guides-index.html">Guides</a>
51-
</li>
52-
<li class="dropdown{{#if active_documentation}} active{{/if}}">
53-
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
46+
<li class="dropdown{{#if active_apps}} active{{/if}}">
47+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apps <span class="caret"></span></a>
5448
<ul class="dropdown-menu">
55-
<li class="dropdown-title">Documentation</li>
56-
<li><a href="/concepts/introduction.html">The concepts & resources</a></li>
57-
<li><a href="/documentation/introduction.html">The REST API basics</a></li>
58-
<li><a href="/events-documentation/overview.html">The Events API basics</a></li>
59-
<li><a href="/php-client/introduction.html">The PHP API client</a></li>
49+
<li class="dropdown-title"><a href="/apps.html">Apps</a></li>
50+
<li><a href="/apps/overview.html">Overview</a></li>
51+
<li><a href="/apps/authentication-and-authorization.html">Authentication and authorization</a></li>
52+
<li><a href="/apps/catalogs.html">Catalogs for Apps (beta)</a></li>
53+
<li><a href="/apps/app-developer-tools.html">Developer tools</a></li>
54+
<li><a href="/guides-index.html">App concepts and use cases</a></li>
6055
</ul>
6156
</li>
57+
6258
<li class="dropdown{{#if active_api_reference}} active{{/if}}">
63-
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">References <span class="caret"></span></a>
59+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">API resources <span class="caret"></span></a>
6460
<ul class="dropdown-menu">
65-
<li class="dropdown-title">References</li>
66-
<li><a href="/api-reference-index.html">REST API Reference</a></li>
67-
<li><a href="/events-reference/events-reference-serenity/products.html">Events API Reference</a></li>
61+
<li class="dropdown-title">API resources</li>
62+
<li><a href="/documentation/introduction.html">REST API</a></li>
63+
<li>
64+
<ul>
65+
<li><a href="/documentation/why-the-api.html">REST API basics</a></li>
66+
<li><a href="/documentation/api-reference-index.html">REST API reference</a></li>
67+
<li><a href="/getting-started/your-first-tutorial-4x/welcome.html">Your very first tutorial</a></li>
68+
<li><a href="/getting-started/connect-the-pim-4x/welcome.html">The "Connect the PIM" tutorial</a></li>
69+
</ul>
70+
</li>
71+
<li><a href="/events-reference/events-reference-serenity/products.html">Events API</a></li>
72+
<li>
73+
<ul>
74+
<li><a href="/events-documentation/overview.html">Events API basic</a></li>
75+
<li><a href="/events-reference/events-reference-serenity/products.html">Events API reference</a></li>
76+
<li><a href="/getting-started/events-api-best-practices-5x/welcome.html">Events API best practice</a></li>
77+
<li><a href="/getting-started/quick-start-my-first-webhook-5x/welcome.html">Quick start my first webhook</a></li>
78+
</ul>
79+
</li>
80+
<li><a href="/php-client/introduction.html">PIM Client</a></li>
81+
<li><a href="/concepts/introduction.html">PIM data concepts</a></li>
82+
<li>
83+
<ul>
84+
<li><a href="/concepts/products.html">Product</a></li>
85+
<li><a href="/getting-started/from-identifiers-to-uuid-7x/welcome.html">From product identifier to product UUID</a></li>
86+
<li><a href="/concepts/catalog-structure.html">Catalog structure</a></li>
87+
<li><a href="/concepts/target-market-settings.html">Target market settings</a></li>
88+
<li><a href="/concepts/reference-entities.html">Reference entities</a></li>
89+
<li><a href="/concepts/asset-manager.html">Asset manager</a></li>
90+
<li><a href="/concepts/pam.html">PAM - Deprecated</a></li>
91+
</ul>
92+
</li>
6893
</ul>
6994
</li>
70-
<li class="{{#if active_guided_tutorials}}active{{/if}}">
71-
<a href="/tutorials/homepage.html">Guided tutorials</a>
95+
96+
<li class="dropdown{{#if active_guided_tutorials}} active{{/if}}">
97+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Guided tutorials <span class="caret"></span></a>
98+
<ul class="dropdown-menu">
99+
<li class="dropdown-title"><a href="/tutorials/homepage.html">Guided tutorials</a></li>
100+
<li><a href="/tutorials/how-to-get-your-app-token.html">How to get your App token</a></li>
101+
<li><a href="/tutorials/how-to-retrieve-pim-structure.html">How to retrieve PIM structure</a></li>
102+
<li><a href="/tutorials/how-to-get-families-and-attributes.html">How to get families, family variants, and attributes</a></li>
103+
<li><a href="/tutorials/how-to-get-pim-product-information.html">How to get PIM product information</a></li>
104+
<li><a href="/tutorials/how-to-collect-product-variations.html">How to collect product variations</a></li>
105+
</ul>
72106
</li>
107+
73108
<li class="{{#if active_news}}active{{/if}}">
74109
<a href="/news/2022.html">What's new?</a>
75110
</li>

‎styles/button.less

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,16 @@ button:focus,
128128
margin: 3px 20px;
129129
border-bottom: 1px @brand-primary solid;
130130
font-size: 14px;
131+
132+
a {
133+
padding: 0;
134+
font-weight: 300;
135+
136+
&:hover {
137+
font-weight: 700;
138+
background: none;
139+
}
140+
}
131141
}
132142
li a {
133143
color: @brand-primary;

‎styles/nav.less

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,12 @@ nav {
4949
li.dropdown {
5050
.dropdown-menu {
5151
top: 10px;
52+
53+
ul > li > a {
54+
padding: 0 20px 0 40px;
55+
font-weight: 400;
56+
white-space: nowrap;
57+
}
5258
}
5359
a:hover:after {
5460
content: none;

0 commit comments

Comments
 (0)