Add dropdown to change version of documentation | Fixes liferay#657

matuzalemsteles · Mar 15, 2018 · f68a130 · f68a130
1 parent a64db55
commit f68a130
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/packages/clayui.com/src/partials/ElectricAPI.soy b/packages/clayui.com/src/partials/ElectricAPI.soy
@@ -30,6 +30,26 @@
 							<span class="title">{$site.title} </span>
 							<small>by Liferay</small>
 						</a>
+                        <div class="btn-group">
+                            <button aria-expanded="false" aria-haspopup="true" class="btn btn-sm btn-version dropdown-toggle" data-toggle="dropdown" type="button">
+                                {$project.ref}
+                                <svg aria-hidden="true" class="lexicon-icon lexicon-icon-caret-bottom ml-1">
+                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/vendor/lexicon/icons.svg#caret-bottom"></use>
+                                </svg>
+                            </button>
+                            <div class="dropdown-menu ml-2 mt-2">
+                                {foreach $ref in $project.refs}
+                                    {let $classes kind="text"}
+                                        dropdown-item
+                                        {if $project.ref == $ref}
+                                            {sp}active
+                                        {/if}
+                                    {/let}
+
+                                    <a class="{$classes}" href="/api/{$ref}">{$ref}</a>
+                                {/foreach}
+                            </div>
+                        </div>
 					</div>
 				</div>
 

diff --git a/packages/clayui.com/src/styles/_api.scss b/packages/clayui.com/src/styles/_api.scss
@@ -131,3 +131,8 @@
 .entity-members h2 {
 	margin: 40px 0 20px;
 }
+
+.btn-version {
+	background-color: #f3f3f3;
+	color: #6B6C7E;
+}