From 1a03c035f0bab7a7e45d9db79705a49903637a32 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 19 Apr 2021 22:36:31 +0200
Subject: [PATCH] Don't hide all lists of namespaces when loosing network
 connectivity

---
 src/App.vue                        | 6 +++---
 src/components/home/navigation.vue | 6 ++++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e9966911..cb017b6b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<template v-if="online">
+		<div :class="{'is-hidden': !online}">
 			<!-- This is a workaround to get the sw to "see" the to-be-cached version of the offline background image -->
 			<div class="offline" style="height: 0;width: 0;"></div>
 			<top-navigation v-if="authUser"/>
@@ -8,8 +8,8 @@
 			<content-link-share v-else-if="authLinkShare"/>
 			<content-no-auth v-else/>
 			<notification/>
-		</template>
-		<div class="app offline" v-else>
+		</div>
+		<div class="app offline" v-if="!online">
 			<div class="offline-message">
 				<h1>You are offline.</h1>
 				<p>Please check your network connection and try again.</p>
diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue
index 29f9c3fa..64f50c4c 100644
--- a/src/components/home/navigation.vue
+++ b/src/components/home/navigation.vue
@@ -66,7 +66,7 @@
 					</span>
 					<namespace-settings-dropdown :namespace="n" v-if="n.id > 0"/>
 				</div>
-				<div :key="n.id + 'child'" class="more-container" v-if="listsVisible[n.id]">
+				<div :key="n.id + 'child'" class="more-container" v-if="typeof listsVisible[n.id] !== 'undefined' ? listsVisible[n.id] : true">
 					<ul class="menu-list can-be-hidden">
 						<template v-for="l in n.lists">
 							<!-- This is a bit ugly but vue wouldn't want to let me filter this - probably because the lists
@@ -142,7 +142,9 @@ export default {
 		this.$store.dispatch('namespaces/loadNamespaces')
 			.then(namespaces => {
 				namespaces.forEach(n => {
-					this.$set(this.listsVisible, n.id, true)
+					if (typeof this.listsVisible[n.id] === 'undefined') {
+						this.$set(this.listsVisible, n.id, true)
+					}
 				})
 			})
 	},