From 053fa1383a078c69b2f14e85f1b229b65db03db4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 14 Jan 2023 21:58:22 +0000
Subject: [PATCH] final polish

---
 assets/css/compiled/main.css                  |  6 +++
 exampleSite/config/_default/menus.en.toml     | 46 -------------------
 layouts/partials/header/basic.html            |  3 +-
 .../header/header-mobile-option-nested.html   |  7 +--
 .../header/header-mobile-option-simple.html   |  6 +--
 5 files changed, 14 insertions(+), 54 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index a946744b..934138ad 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1699,6 +1699,12 @@ select {
   margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
 .space-y-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
diff --git a/exampleSite/config/_default/menus.en.toml b/exampleSite/config/_default/menus.en.toml
index a33ed813..fcfddb07 100644
--- a/exampleSite/config/_default/menus.en.toml
+++ b/exampleSite/config/_default/menus.en.toml
@@ -15,52 +15,6 @@
   pageRef = "docs"
   weight = 10
 
-[[main]]
-  name = "Nested Menu"
-  pageRef = "samples"
-  weight = 20
-
-[[main]]
-  name = "sub-menu 1"
-  parent = "Nested Menu"
-  pageRef = "samples"
-  weight = 20
-
-[[main]]
-  name = "sub-menu 2"
-  parent = "Nested Menu"
-  pageRef = "samples"
-  weight = 20
-
-[[main]]
-  name = "sub-menu 3"
-  parent = "Nested Menu"
-  pre = "github"
-  pageRef = "samples"
-  weight = 20
-
-[[subnavigation]]
-  name = "An interesting topic"
-  pageRef = "tags/interesting-topic"
-  weight = 10
-
-[[subnavigation]]
-  name = "My Awesome Category"
-  pre = "github"
-  pageRef = "categories/awesome"
-  weight = 20
-
-[[subnavigation]]
-  name = "YOLO"
-  pageRef = "categories/awesome"
-  weight = 20
-
-[[subnavigation]]
-  name = "My Awesome Category asd"
-  pre = "twitter"
-  pageRef = "categories/awesome"
-  weight = 20
-
 [[main]]
   name = "Samples"
   pageRef = "samples"
diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 2169e190..e3237613 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -94,7 +94,7 @@
             <div id="menu-wrapper" style="padding-top:5px;"
                 class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
                 <ul
-                    class="flex mt-4 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
+                    class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
 
                     <li>
                         <span
@@ -114,7 +114,6 @@
 
                 </ul>
                 {{ if .Site.Menus.subnavigation }}
-
                 <hr>
                 <ul
                     class="flex mt-4 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
diff --git a/layouts/partials/header/header-mobile-option-nested.html b/layouts/partials/header/header-mobile-option-nested.html
index 76cefe31..9f21bb5d 100644
--- a/layouts/partials/header/header-mobile-option-nested.html
+++ b/layouts/partials/header/header-mobile-option-nested.html
@@ -1,4 +1,4 @@
-<li class="mt-3">
+<li class="mt-1">
     <a class="flex items-center">
         {{ if .Pre }}
         <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
@@ -14,7 +14,7 @@
     </a>
 </li>
 {{ range .Children }}
-<li class="mt-2">
+<li class="mt-1">
     <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
         ) }} target="_blank" {{ end }} class="flex items-center">
         {{ if .Pre }}
@@ -27,4 +27,5 @@
         </p>
     </a>
 </li>
-{{ end }}
\ No newline at end of file
+{{ end }}
+<li class="mb-2"></li>
\ No newline at end of file
diff --git a/layouts/partials/header/header-mobile-option-simple.html b/layouts/partials/header/header-mobile-option-simple.html
index 83299063..acc4cdf1 100644
--- a/layouts/partials/header/header-mobile-option-simple.html
+++ b/layouts/partials/header/header-mobile-option-simple.html
@@ -1,10 +1,10 @@
-<li class="mt-3">
+<li class="mt-1">
     <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
         ) }} target="_blank" {{ end }} class="flex items-center">
         {{ if .Pre }}
-        <span {{ if and .Pre .Name}} class="mr-2" {{ end }}>
+        <div {{ if and .Pre .Name}} class="mr-2" {{ end }}>
             {{ partial "icon.html" .Pre }}
-        </span>
+        </div>
         {{ end }}
         <p class="text-bg font-bg text-gray-500 hover:text-gray-900" title="{{ .Title }}">
             {{ .Name | markdownify | emojify }}