From b03bedd227a5411a2154d5e52356bde5919fcf19 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Tue, 8 Jun 2021 14:44:06 +0100
Subject: [PATCH] Replaces v-if with css display none

This fixes theme not being applied on load when settings are hidden, since the theme selector component will still be mounted, just not visible
---
 src/components/Settings/SettingsContainer.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/SettingsContainer.vue b/src/components/Settings/SettingsContainer.vue
index 78a94b0f..3effecdb 100644
--- a/src/components/Settings/SettingsContainer.vue
+++ b/src/components/Settings/SettingsContainer.vue
@@ -6,7 +6,7 @@
       :active="!modalOpen"
     />
     <div class="options-outer">
-      <div class="options-container" v-if="settingsVisible">
+      <div :class="`options-container ${!settingsVisible ? 'hide' : ''}`">
         <ThemeSelector :themes="availableThemes"
           :confTheme="getInitialTheme()" :userThemes="getUserThemes()" />
         <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
@@ -133,6 +133,9 @@ export default {
       opacity: 1;
       &:hover { opacity: 1; }
     }
+    &.hide {
+      display: none;
+    }
   }
 
   .show-hide-container {