tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
This commit is contained in:
Alicia Sykes 2021-06-08 14:44:06 +01:00
parent 75aa15dbf0
commit b03bedd227
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Settings/SettingsContainer.vue
View File

@ -6,7 +6,7 @@
:active="!modalOpen" :active="!modalOpen"
/> />
<div class="options-outer"> <div class="options-outer">
<div class="options-container" v-if="settingsVisible"> <div :class="`options-container ${!settingsVisible ? 'hide' : ''}`">
<ThemeSelector :themes="availableThemes" <ThemeSelector :themes="availableThemes"
:confTheme="getInitialTheme()" :userThemes="getUserThemes()" /> :confTheme="getInitialTheme()" :userThemes="getUserThemes()" />
<LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/> <LayoutSelector :displayLayout="displayLayout" @layoutUpdated="updateDisplayLayout"/>
@ -133,6 +133,9 @@ export default {
opacity: 1; opacity: 1;
&:hover { opacity: 1; } &:hover { opacity: 1; }
} }
&.hide {
display: none;
}
} }
.show-hide-container { .show-hide-container {