DOC-85 (#225)

- tighten the spacing on the right-hand on this page menu
- consider making the product selector keep same page as per ‘in-page’
link


![image](https://github.com/user-attachments/assets/0cc9eee8-f3c7-4b46-a149-2f82e331effb)


https://hazelcast.atlassian.net/browse/DOC-85

src/css/toc.css

@@ -67,7 +67,7 @@
   color: inherit;
   border-left: 2px solid var(--toc-border-color);
   display: inline-block;
-  padding: 10px 0 10px 8px;
+  padding: 7px 0 7px 8px;
   text-decoration: none;
 }
 

src/partials/nav-explore.hbs

@@ -29,19 +29,19 @@
     {{/each}}
   </ul>
 
-  {{#each (sort-components site.components 'name' page.attributes.component-order)}}
-    {{#if (and (not-eq this.name 'cloud') (not-eq this.name 'home') (not-eq this.name 'templates') (eq this @root.page.component))}}
+  {{#with page.versions}}
+    {{#if (and (not-eq @root.page.component.name 'cloud') (not-eq @root.page.component.name 'home') (not-eq @root.page.component.name 'templates'))}}
       <ul class="nav-version-picker-versions" id="navbarVersionsList">
-        {{#each ./versions}}
-          {{#if (lte @index 6)}}
-            <li class="version
-                      {{~#if (and (eq .. @root.page.component) (eq this @root.page.componentVersion))}} is-current{{/if~}}
-              {{~#if (eq this ../latest)}} is-latest{{/if}}">
+        {{#each this}}
+          {{#if (lte @index 10)}}
+            <li
+              class="version {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}"
+            >
               <a href="{{{relativize ./url}}}">{{./displayVersion}}</a>
             </li>
           {{/if}}
         {{/each}}
       </ul>
     {{/if}}
-  {{/each}}
+  {{/with}}
 </div>

src/partials/page-versions.hbs

@@ -1,14 +1,14 @@
 {{#with page.versions}}
-<div class="page-versions">
-  <button class="version-menu-toggle" title="Show other versions of page">Version {{@root.page.componentVersion.displayVersion}}</button>
-  <div class="version-menu">
-    {{#each this}}
-      {{#if (lte @index 10)}}
-        <a class="version
-          {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}
-          {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a>
-      {{/if}}
-    {{/each}}
+  <div class="page-versions">
+    <button class="version-menu-toggle" title="Show other versions of page">Version {{@root.page.componentVersion.displayVersion}}</button>
+    <div class="version-menu">
+      {{#each this}}
+        {{#if (lte @index 10)}}
+          <a class="version
+            {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}
+            {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a>
+        {{/if}}
+      {{/each}}
+    </div>
   </div>
-</div>
 {{/with}}