From ea84a0c392bd876a67e3b9086f321a68c174626f Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Mon, 16 Mar 2020 19:46:11 +0000
Subject: [PATCH] fix(navbar): prevent language + theme selectors rendering off
 page

See https://github.com/gcushen/hugo-academic/issues/1596#issuecomment-599515919
See #1596
---
 assets/scss/academic/_nav.scss | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/assets/scss/academic/_nav.scss b/assets/scss/academic/_nav.scss
index 611526c3..ba013cdd 100644
--- a/assets/scss/academic/_nav.scss
+++ b/assets/scss/academic/_nav.scss
@@ -86,16 +86,19 @@
 
 @include media-breakpoint-down(md) {  /* Match breakpoint for i18n dropdown in navbar.html. */
   .i18n-dropdown .nav-link::after {
+    // Remove dropdown arrow on small devices (when language name isn't displayed).
     content: none;
   }
-  .i18n-dropdown .dropdown-menu,
-  .theme-dropdown .dropdown-menu {
-    /* Use style from uncollapsable dropdowns to prevent dropdown going off page. */
-    position: absolute;
-    /* Below style from .dropdown-menu-right to prevent dropdown going off page. */
-    right: 0;
-    left: auto;
-  }
+}
+
+// Prevent language and theme selectors rendering off page.
+.i18n-dropdown .dropdown-menu,
+.theme-dropdown .dropdown-menu {
+  /* Use style from uncollapsable dropdowns to prevent dropdown going off page. */
+  position: absolute;
+  /* Below style from .dropdown-menu-right to prevent dropdown going off page. */
+  right: 0;
+  left: auto;
 }
 
 // Allow user to horizontally scroll.