dynamic height for language selector

common/navigation.j2.inc

@@ -92,7 +92,7 @@
            aria-haspopup="true" aria-expanded="false">
            {{ lang_full }} {{ lang_flag }}
         </a>
-        <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarMain">
+        <ul class="dropdown-menu dropdown-menu-right scrollable-menu" aria-labelledby="navbarMain">
 	  {% for key in langs_full.keys() %}
           <li><a class="dropdown-item" href="{{ self_localized(key) }}">{{ lang_flags[key] }} {{ langs_full[key] }}</a></li>
 	  {% endfor %}

locale/messages.pot

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2019-05-09 10:49+0100\n"
+"POT-Creation-Date: 2019-05-09 11:04+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"

static/styles.css

@@ -74,6 +74,23 @@ body {
     display: inline-block;
 }
 
+/* Show scrollbar in language selection */
+@media (min-width: 768px) {
+  .scrollable-menu {
+      height: auto;
+      max-height: calc(100vh - 60px);
+      overflow-x: hidden;
+  }
+}
+
+@media (max-width: 767px) {
+  .scrollable-menu {
+    height: auto;
+    max-height: calc(100vh - 240px);
+    overflow-x: hidden;
+  }
+}
+
 /*
    Hover effects with this color don't work out!
    See https://gnunet.org/bugs/view.php?id=5570