From 4ac10cf3be8e2e469f501800b9e04453d6737427 Mon Sep 17 00:00:00 2001
From: Andreas Gohr <gohr@cosmocode.de>
Date: Thu, 21 Mar 2019 11:35:34 +0100
Subject: [PATCH] use a smooth animation to fade in the navigation

This avoids the flash of unstyled/unprocessed content
---
 Template.php  | 5 +++++
 js/sidebar.js | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/Template.php b/Template.php
index 544a7d8..32f4920 100644
--- a/Template.php
+++ b/Template.php
@@ -135,6 +135,11 @@ class Template {
         } else {
             // main navigation, loaded from standard sidebar, fixed up by javascript
             $nav = '<nav class="nav-main">';
+            // immeadiately hide the navigation (if javascript available)
+            // it will be restyled and made visible again by our script later
+            $nav .= '<script type="application/javascript">
+                        document.getElementsByClassName("nav-main")[0].style.visibility = "hidden";
+                     </script>';
             $nav .= tpl_include_page($conf['sidebar'], false, true);
             $nav .= '</nav>';
         }
diff --git a/js/sidebar.js b/js/sidebar.js
index 09f9206..a5193c4 100644
--- a/js/sidebar.js
+++ b/js/sidebar.js
@@ -144,6 +144,9 @@ jQuery(function () {
                 }
 
             });
+
+            // fade in the navigation (was hidden until now
+            $main.css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 200);
         },
 
         /**