From 8e535c086e3989848903edcb57ad34ab692a698c Mon Sep 17 00:00:00 2001 From: Adam Davidson Date: Fri, 5 Jan 2024 10:41:29 +0000 Subject: [PATCH] Adjusted header.html template to make menu responsive, collapsing on smaller screens Header.html template adjusted to make the navigation menu collapse behind a button on small screens. There should be no change when viewing these on tablets and larger screens. Changes include: - Making the navigation menu collapse on small screens, to be replaced by a "hamburger" icon that then expands to show the menu when clicked. - Ensuring GitHub icon takes same colour/style as the navigation items - Added the Bootstrap js script to the footer (in order to make the collapsing menu work). This code will have to be amedned to make the "local only" version work properly. --- internal/web/templates/footer.html | 2 ++ internal/web/templates/header.html | 35 ++++++++++++++++++------------ 2 files changed, 23 insertions(+), 14 deletions(-) diff --git a/internal/web/templates/footer.html b/internal/web/templates/footer.html index 31b3bd0..c74afc4 100644 --- a/internal/web/templates/footer.html +++ b/internal/web/templates/footer.html @@ -1,4 +1,6 @@ {{ define "footer"}} + + {{ end }} diff --git a/internal/web/templates/header.html b/internal/web/templates/header.html index dfd443a..75f1e8f 100644 --- a/internal/web/templates/header.html +++ b/internal/web/templates/header.html @@ -3,6 +3,7 @@ Watch Your LAN + {{ if eq .Config.NodePath "" }} @@ -16,9 +17,17 @@ {{ end }} -