From 56eef5f15af99ff0d9d1f630b5c08db337093b30 Mon Sep 17 00:00:00 2001 From: eondrcode <2106626532@qq.com> Date: Mon, 13 Jul 2026 15:39:54 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=B7=B2=E7=9F=A5bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/modal/manager-modal.ts | 7 +++++++ src/settings/data.ts | 4 ++-- src/settings/ui/manager-style.ts | 17 +++++++++++------ styles.css | 27 +++++++++++++++++++++++++++ 4 files changed, 47 insertions(+), 8 deletions(-) diff --git a/src/modal/manager-modal.ts b/src/modal/manager-modal.ts index 92698e6..3cfbd7f 100644 --- a/src/modal/manager-modal.ts +++ b/src/modal/manager-modal.ts @@ -7920,6 +7920,13 @@ export class ManagerModal extends Modal { this.renderContent(); } + public async refreshStyleSettings() { + if (this.modalContainer && !Platform.isMobileApp) { + this.modalContainer.toggleClass("manager-container__top", !this.settings.CENTER); + } + await this.reloadShowData(); + } + public onOpen() { void this.openAsync(); } diff --git a/src/settings/data.ts b/src/settings/data.ts index 535d284..790269b 100644 --- a/src/settings/data.ts +++ b/src/settings/data.ts @@ -109,9 +109,9 @@ export interface ManagerSettings { /** 是否为每个标签注册批量启用/禁用命令。 */ COMMAND_TAG: boolean; /** 是否为保存的插件状态方案注册一键应用命令。 */ - COMMAND_PROFILE: boolean; + COMMAND_PROFILE: boolean; /** 命令面板保存的插件状态方案。 */ - COMMAND_PROFILES: PluginCommandProfile[]; + COMMAND_PROFILES: PluginCommandProfile[]; /** 外观总览保存的主题与 CSS 片段组合方案。 */ APPEARANCE_PROFILES: AppearanceProfile[]; /** 命令面板批量操作前的上一份状态快照，用于撤销。 */ diff --git a/src/settings/ui/manager-style.ts b/src/settings/ui/manager-style.ts index 45c3ad3..bdeb353 100644 --- a/src/settings/ui/manager-style.ts +++ b/src/settings/ui/manager-style.ts @@ -29,6 +29,11 @@ export default class ManagerBasis extends BaseSetting { } + private async saveAndRefreshManager() { + await this.manager.saveSettings(); + await this.manager.managerModal?.refreshStyleSettings(); + } + main(): void { const overviewLayoutBar = new Setting(this.containerEl) @@ -39,7 +44,7 @@ export default class ManagerBasis extends BaseSetting { overviewLayoutDropdown.setValue(this.settings.PLUGIN_OVERVIEW_LAYOUT || 'list'); overviewLayoutDropdown.onChange((value) => { this.settings.PLUGIN_OVERVIEW_LAYOUT = value as PluginOverviewLayout; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); const itemStyleBar = new Setting(this.containerEl) @@ -50,7 +55,7 @@ export default class ManagerBasis extends BaseSetting { itemStyleDropdown.setValue(this.settings.ITEM_STYLE); itemStyleDropdown.onChange((value) => { this.settings.ITEM_STYLE = value; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); const groupStyleBar = new Setting(this.containerEl) @@ -61,7 +66,7 @@ export default class ManagerBasis extends BaseSetting { groupStyleDropdown.setValue(this.settings.GROUP_STYLE); groupStyleDropdown.onChange((value) => { this.settings.GROUP_STYLE = value; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); const tagStyleBar = new Setting(this.containerEl) @@ -72,7 +77,7 @@ export default class ManagerBasis extends BaseSetting { tagStyleDropdown.setValue(this.settings.TAG_STYLE); tagStyleDropdown.onChange((value) => { this.settings.TAG_STYLE = value; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); const topBar = new Setting(this.containerEl) @@ -82,7 +87,7 @@ export default class ManagerBasis extends BaseSetting { topToggle.setValue(this.settings.CENTER); topToggle.onChange((value) => { this.settings.CENTER = value; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); const fadeOutDisabledPluginsBar = new Setting(this.containerEl) @@ -92,7 +97,7 @@ export default class ManagerBasis extends BaseSetting { fadeOutDisabledPluginsToggle.setValue(this.settings.FADE_OUT_DISABLED_PLUGINS); fadeOutDisabledPluginsToggle.onChange((value) => { this.settings.FADE_OUT_DISABLED_PLUGINS = value; - void this.manager.saveSettings(); + void this.saveAndRefreshManager(); }); } diff --git a/styles.css b/styles.css index a3143ee..3d8b12a 100644 --- a/styles.css +++ b/styles.css @@ -12385,6 +12385,33 @@ body.theme-dark .manager-transfer-segment[data-state="active"]:hover { scroll-padding-top: 0; } +.manager-container.manager-container--main .manager-modal-page.manager-item-container.manager-plugin-overview--two-column { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + align-content: start; + align-items: start; +} + +.manager-container.manager-container--main .manager-modal-page.manager-item-container.manager-plugin-overview--two-column > .manager-bulk-bar-host, +.manager-container.manager-container--main .manager-modal-page.manager-item-container.manager-plugin-overview--two-column > .manager-plugin-separator, +.manager-container.manager-container--main .manager-modal-page.manager-item-container.manager-plugin-overview--two-column > .manager-plugin-separator-editor, +.manager-container.manager-container--main .manager-modal-page.manager-item-container.manager-plugin-overview--two-column > .manager-plugin-page__empty { + grid-column: 1 / -1; +} + +.manager-container.manager-container--main.manager-container--mobile .manager-modal-page.manager-item-container.manager-plugin-overview--two-column { + display: flex; + flex-direction: column; +} + +.manager-container .manager-plugin-card__body.manager-display-block:not(.manager-plugin-card__body--empty) { + display: flex; +} + +.manager-container .manager-plugin-card__body.manager-display-none { + display: none; +} + .manager-container.manager-container--main .manager-modal-page>.manager-troubleshoot-page { padding: 0; }