From 0c85ef27f7519e27551930870e8e7e64e3af0f70 Mon Sep 17 00:00:00 2001
From: meaz <meaz@no-reply@disroot.org>
Date: Mon, 21 Mar 2022 20:58:31 +0000
Subject: [PATCH] Smaller boxes for services drop-down menu (#62)

Check https://git.disroot.org/Disroot/Disroot-Project/issues/180

Co-authored-by: meaz <meaz@disroot.org>
Reviewed-on: https://git.disroot.org/Disroot/grav-theme-disroot/pulls/62
Reviewed-by: antilopa <antilopa@no-reply@disroot.org>
---
 css/media-queries.css                   | 9 ++++++++-
 templates/partials/navigation.html.twig | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/css/media-queries.css b/css/media-queries.css
index 268cda2..bff5380 100644
--- a/css/media-queries.css
+++ b/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) {
 
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig
index 364f81b..45ade9a 100644
--- a/templates/partials/navigation.html.twig
+++ b/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) }}