Revert "Add description to version selector in docs"

This reverts commit c642705.

Author: felipe-gdr

static/css/documentation.css

@@ -1,13 +1,3 @@
-.documentation-header {
-    position: relative;
-}
-
-.version-selector {
-    position: absolute;
-    right: 20px;
-    top: 0;
-}
-
 .docs-list {
     display: flex;
     flex-wrap: wrap;
@@ -51,8 +41,12 @@
     }
 }
 
-.version-selector__select {
+.version-selector {
     font-size: 16px;
     border: solid 1px #333;
     background-color: #fff;
+    width: 160px;
+    text-align: center;
+    text-align-last: center;
+    visibility: hidden;
 }

themes/hugo-sustain/layouts/documentation/list.html

@@ -5,38 +5,30 @@
     <!-- Header -->
     {{ partial "header" . }}
     <div class="container">
-      <div class="documentation-header">
-        <div class="version-selector">
-          <select id="version-selector__select" class="version-selector__select" title="Choose a version">
-            <option value="">check different version</option>
-            {{ $latestDocs := .Site.Params.latestDocs }}
-            {{ range (readDir "./content/documentation") }}
-            {{ if ne .Name "_index.md"}}
-
-            {{ if eq .Name $latestDocs }}
-            <option value={{ .Name }}>{{ .Name }} - latest</option>
-            {{ else }}
-            <option value={{ .Name }}>{{ .Name }}</option>
-            {{ end }}
-
-            {{ end }}
-            {{ end }}
-          </select>
-        </div>
-        <h3>Documentation</h3>
-        <h4 class="selected-version">
-          version: <strong>{{ replace (replace .File.Dir "documentation" "") "/" "" }}</strong>
-        </h4>
-      </div>
+      <h3>Documentation</h3>
+      <select class="version-selector">
+        {{ $latestDocs :=  .Site.Params.latestDocs }}
+        {{ range (readDir "./content/documentation") }}
+          {{ if ne .Name "_index.md"}}
+
+              {{ if eq .Name  $latestDocs }}
+                <option value={{ .Name }}>{{ .Name }} - latest</option>
+              {{ else }}
+                <option value={{ .Name }}>{{ .Name }}</option>
+              {{ end }}
+
+          {{ end }}
+        {{ end }}
+      </select>
       <div class="panel panel-default">
         <div class="docs-list">
           {{ range .Data.Pages }}
 
           <a href="{{ .RelPermalink }}" class="doc-item">
-            <div>
-              <h5 class="doc-title">{{ .Title | markdownify }}</h5>
-              <div class="doc-description">{{ .Description }}</div>
-            </div>
+              <div>
+                <h5 class="doc-title">{{ .Title | markdownify }}</h5>
+                <div class="doc-description">{{ .Description }}</div>
+              </div>
           </a>
           {{ end }}
         </div>
@@ -45,16 +37,18 @@ <h5 class="doc-title">{{ .Title | markdownify }}</h5>
   </div>
   <!-- Footer -->
   {{ partial "footer" . }}
-  <script>
-    window.addEventListener('load', function () {
-      var versionSelector = document.querySelector('.version-selector__select');
+  <script >
+    window.addEventListener('load', function() {
+      var versionSelector = document.querySelector('.version-selector');
+      var versionFromUrl = window.location.href.split('/').filter(part => !!part).reverse()[0];
+
+      versionSelector.value = versionFromUrl;
+      versionSelector.style.visibility = 'visible';
 
-      versionSelector.addEventListener('change', function (e) {
+      versionSelector.addEventListener('change', function(e) {
         var selectedVersion = e.target.value;
-        
-        if(selectedVersion) {
-          window.location.assign('/documentation/' + selectedVersion);
-        }
+
+        window.location.assign('/documentation/' + selectedVersion);
       });
     });
   </script>