diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js index bfa8ae09e..04e42cc9e 100644 --- a/src/components/settings_modal/settings_modal.js +++ b/src/components/settings_modal/settings_modal.js @@ -64,11 +64,6 @@ const SettingsModal = { }), } }, - watch: { - $route(r) { - this.peekModal() - } - }, components: { Modal, Popover, @@ -98,8 +93,11 @@ const SettingsModal = { closeModal() { useInterfaceStore().closeSettingsModal() }, - peekModal() { - useInterfaceStore().togglePeekSettingsModal() + toggleMinimizeModal(state) { + useInterfaceStore().toggleMinimizeSettingsModal() + }, + minimizeModal() { + useInterfaceStore().setSettingsModalState('minimized') }, importValidator(data) { if (!Array.isArray(data._pleroma_settings_version)) { @@ -256,7 +254,7 @@ const SettingsModal = { modalMode: (store) => store.settingsModalMode, modalOpenedOnceUser: (store) => store.settingsModalLoadedUser, modalOpenedOnceAdmin: (store) => store.settingsModalLoadedAdmin, - modalPeeked: (store) => store.settingsModalState === 'minimized', + modalMinimized: (store) => store.settingsModalState === 'minimized', }), expertLevel: { get() { @@ -276,6 +274,11 @@ const SettingsModal = { ) }, }, + watch: { + $route(r) { + this.minimizeModal() + } + }, } export default SettingsModal diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss index e1405a42f..b4f644065 100644 --- a/src/components/settings_modal/settings_modal.scss +++ b/src/components/settings_modal/settings_modal.scss @@ -300,7 +300,7 @@ } } - &.peek { + &.minimize { .settings-modal-panel { /* Explanation: * Modal is positioned vertically centered. diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index d2b4f60ee..d5d0a93d9 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -2,8 +2,8 @@
@@ -22,8 +22,8 @@