Merge pull request #22277 from celestehorgan/fix-dropdowns

Fix display of dropdown on case studies

Author: k8s-ci-robot

assets/scss/_custom.scss

@@ -101,14 +101,6 @@ section {
         left: 0;
         background: #fff;
       }
-
-      .dropdown-menu {
-        left: -80px;
-      }
-
-      &.dropdown:hover {
-        color: $medium-grey;
-      }
     }
   }
 
@@ -390,4 +382,4 @@ main.content {
       }
     }
   }
-}
+}

layouts/case-studies/single-baseof.html

@@ -9,5 +9,7 @@
 		{{ partialCached "footer.html" . }}
 		<!-- Disabling this as elements queries do not appear to exist on case studies -->
 		<!-- {{ partialCached "footer-scripts.html" . }} -->
+    {{ partialCached "scripts.html" . }}
+
 	</body>
 </html>

layouts/partials/navbar-lang-selector.html

@@ -0,0 +1,10 @@
+{{/* Link directly to documentation etc., if possible. */}}
+{{ $langPage := cond (gt (len .Translations) 0) . .Site.Home }}
+<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+	{{ $langPage.Language.LanguageName }}
+</a>
+<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+	{{ range $langPage.Translations }}
+	<a class="dropdown-item" href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a>
+	{{ end }}
+</div>

layouts/partials/navbar-version-selector.html

@@ -1,8 +1,8 @@
 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-  {{ T "version_menu" }}
+	{{ T "version_menu" }}
 </a>
-<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
 	{{ range .Site.Params.versions }}
 	<a class="dropdown-item" href="{{ .url }}">{{ .version }}</a>
 	{{ end }}
-</div>
+</div>