Smaller boxes for services drop-down menu (#62)

Check Disroot/Disroot-Project#180

Co-authored-by: meaz <meaz@disroot.org>
Reviewed-on: Disroot/grav-theme-disroot#62
Reviewed-by: antilopa <antilopa@no-reply@disroot.org>

css/media-queries.css

@@ -4,8 +4,15 @@ Disroot Media Queries
 29-01-2019
 ------------------------------------*/
 
+/* screenheight less than 800px
+------------------------------------*/
+@media only screen and (max-height: 800px) {
+  ul#nav li.dropdown {
+    height: 20px;
+  }
+}
 
-/* screenwidth less than 1000px
+/* screenwidth less than 1150px
 ------------------------------------*/
 @media only screen and (max-width: 1150px) {
 

templates/partials/navigation.html.twig

@@ -4,6 +4,7 @@
         {% set current_page = (p.active or p.activeChild) ? 'active' : '' %}
         <li class="dropdown {{ current_page }}">
             <a href="{{ p.url }}">{{ p.menu }}</a>
+            {# The following if section is to get a dropdown menu based on content #}
             {% if p.children.count > 0 %}
             <ul class="dropdown-content">
                 {{ _self.loop(p) }}