Merge pull request #99 from jhrcek/fix-nav-z-index

Set z-index of nav menus to avoid overlap with other content

Author: myShoggoth

.gitignore

@@ -8,3 +8,6 @@ _site/
 # Node
 node_modules*
 package-lock*
+
+# Cabal
+dist-newstyle/

docs/affiliates/about/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../news">
                   News

docs/affiliates/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/board-nominations/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/contact/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/donations/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/faq/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/guidelines-for-respectful-communication/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="./who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="./who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="./affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="./affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="./news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="./news">
                   News

docs/news/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/news/press/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../news">
                   News

docs/podcast/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/projects/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/resources/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News

docs/vision/index.html

@@ -96,7 +96,7 @@
         <li class="relative">
           <a href="../who-we-are" id="who-we-are-nav-item">About</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="who-we-are-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../who-we-are">
                   Current Board
@@ -131,7 +131,7 @@
         <li class="relative">
           <a href="../affiliates" id="affiliates-nav-item">Affiliates</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="affiliates-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../affiliates">
                   Affiliates
@@ -148,7 +148,7 @@
        <li class="relative">
           <a href="../news" id="news-nav-item">News and Info</a>
 
-            <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu">
+            <div class="pt-2 absolute top-full w-44 bg-white shadow-md z-10 hidden" id="news-nav-item-menu">
 
                 <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../news">
                   News