From c237162475835de52f1651019702dd0bf19e8541 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 29 Nov 2022 14:05:24 +0200
Subject: [PATCH] Fixed sidebar party closing on route change

---
 .../ui/creature/creatureList/CreatureFolderHeader.vue |  2 +-
 .../ui/creature/creatureList/CreatureFolderList.vue   |  5 ++++-
 .../ui/creature/creatureList/CreatureListTile.vue     |  2 ++
 app/imports/client/ui/layouts/Sidebar.vue             | 11 ++++++++++-
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/imports/client/ui/creature/creatureList/CreatureFolderHeader.vue b/app/imports/client/ui/creature/creatureList/CreatureFolderHeader.vue
index 1b22dcdc..f7e9ff61 100644
--- a/app/imports/client/ui/creature/creatureList/CreatureFolderHeader.vue
+++ b/app/imports/client/ui/creature/creatureList/CreatureFolderHeader.vue
@@ -1,5 +1,5 @@
 <template lang="html">
-  <v-list-item-content style="min-height: 60px;">
+  <v-list-item-content :style="dense ? undefined : 'min-height: 60px;'">
     <v-list-item-title class="d-flex align-center">
       <div
         v-if="!renaming"
diff --git a/app/imports/client/ui/creature/creatureList/CreatureFolderList.vue b/app/imports/client/ui/creature/creatureList/CreatureFolderList.vue
index 783e968d..7bd8152c 100644
--- a/app/imports/client/ui/creature/creatureList/CreatureFolderList.vue
+++ b/app/imports/client/ui/creature/creatureList/CreatureFolderList.vue
@@ -1,6 +1,8 @@
 <template lang="html">
   <v-list
     expand
+    :nav="nav"
+    :dense="dense"
     class="creature-folder-list"
   >
     <creature-list
@@ -14,7 +16,7 @@
       v-for="folder in folders"
       :key="folder._id"
       v-model="openFolders[folder._id]"
-      group="folder"
+      :dense="dense"
     >
       <template #activator>
         <creature-folder-header
@@ -60,6 +62,7 @@ export default {
       default: undefined,
     },
     dense: Boolean,
+    nav: Boolean,
   },
   data(){return{
     openFolders: {},
diff --git a/app/imports/client/ui/creature/creatureList/CreatureListTile.vue b/app/imports/client/ui/creature/creatureList/CreatureListTile.vue
index 2685ff13..48c19bea 100644
--- a/app/imports/client/ui/creature/creatureList/CreatureListTile.vue
+++ b/app/imports/client/ui/creature/creatureList/CreatureListTile.vue
@@ -5,10 +5,12 @@
   <v-list-item
     v-bind="$attrs"
     :class="isSelected && 'primary--text v-list-item--active'"
+    :dense="dense"
     v-on="selection ? { click() {$emit('click')} } : {}"
   >
     <v-list-item-avatar
       :color="isSelected ? 'red darken-1' : model.color || 'grey'"
+      :size="dense ? 30 : undefined"
       class="white--text"
       style="transition: background 0.3s;"
     >
diff --git a/app/imports/client/ui/layouts/Sidebar.vue b/app/imports/client/ui/layouts/Sidebar.vue
index 01cbc7ce..cf450971 100644
--- a/app/imports/client/ui/layouts/Sidebar.vue
+++ b/app/imports/client/ui/layouts/Sidebar.vue
@@ -11,7 +11,10 @@
         Sign in
       </v-btn>
     </v-layout>
-    <v-list>
+    <v-list
+      nav
+      class="links"
+    >
       <v-list-item v-if="signedIn">
         <v-list-item-content>
           <v-list-item-title>
@@ -138,3 +141,9 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.links .v-list-item:not(:last-child):not(:only-child) {
+  margin-bottom: 4px;
+}
+</style>