Comments

rauhala.info/css/index.css

@@ -550,6 +550,10 @@ video {
   }
 }
 
+.visible {
+  visibility: visible;
+}
+
 .absolute {
   position: absolute;
 }

rauhala.info/templates/default.html

@@ -18,6 +18,9 @@
             </ul>
             <ul class="flex gap-2 p-2">
               <li class="group">Git
+                <!-- Hide the dropdown by default, but make it visible on the parent hover
+                     see the 'group' on the toplevel
+                  -->
                 <ul class="hidden bg-gray-800 text-gray-300 border rounded p-2 group-hover:block absolute">
                     <li class="hover:text-gray-400"><a href="https://git.rauhala.info/MasseR">Gitea</a></li>
                     <li class="hover:text-gray-400"><a href="https://github.com/MasseR">GitHub</a></li>