diff --git a/src/excludedFolder.ts b/src/excludedFolder.ts index 5f08ca9..bd4d232 100644 --- a/src/excludedFolder.ts +++ b/src/excludedFolder.ts @@ -130,7 +130,7 @@ function resyncArray(plugin: FolderNotesPlugin) { export function addExcludePatternListItem(settings: SettingsTab, containerEl: HTMLElement, pattern: ExcludePattern) { const plugin: FolderNotesPlugin = settings.plugin; const setting = new Setting(containerEl); - setting.setClass('fn-exclude-folder-list-item'); + setting.setClass('fn-exclude-folder-list'); setting.addSearch((cb) => { // @ts-ignore cb.containerEl.addClass('fn-exclude-folder-path'); @@ -205,7 +205,7 @@ export function addExcludePatternListItem(settings: SettingsTab, containerEl: HT export function addExcludeFolderListItem(settings: SettingsTab, containerEl: HTMLElement, excludedFolder: ExcludedFolder) { const plugin: FolderNotesPlugin = settings.plugin; const setting = new Setting(containerEl); - setting.setClass('fn-exclude-folder-list-item'); + setting.setClass('fn-exclude-folder-list'); setting.addSearch((cb) => { new FolderSuggest( cb.inputEl, diff --git a/src/settings.ts b/src/settings.ts index 4a8bb86..c1e4b44 100644 --- a/src/settings.ts +++ b/src/settings.ts @@ -485,6 +485,7 @@ export class SettingsTab extends PluginSettingTab { new Setting(containerEl) .setName('Add excluded folder') + .setClass('add-exclude-folder-item') .addButton((cb) => { cb.setIcon('plus'); cb.setClass('add-exclude-folder'); diff --git a/styles.css b/styles.css index 92ac79e..e06c5e5 100644 --- a/styles.css +++ b/styles.css @@ -48,28 +48,32 @@ cursor: pointer; } -.fn-exclude-folder-list-item { +.add-exclude-folder-item { + padding-bottom: 0 !important; +} + +.fn-exclude-folder-list { + padding-bottom: 0 !important; +} + +.fn-exclude-folder-list.setting-item { + border-top: 0 !important; + border-bottom: 0 !important; +} + +.fn-exclude-folder-list .setting-item-control { display: flex; - align-items: center; - padding: 0.75rem 0; - border-top: none; - padding-top: 0; + justify-content: flex-start !important; } -.fn-exclude-folder-path { - width: calc(100% - 20px); +.fn-exclude-folder-list .setting-item-info { + display: none !important; } -.fn-exclude-folder-list-item .setting-item-control { +.fn-exclude-folder-list .search-input-container { width: 100%; - justify-content: flex-end; - flex: 1 1 auto; - display: flex; } -.fn-exclude-folder-list-item>*.last-child { - margin-right: 0; -} .fn-confirmation-modal { padding-bottom: 0;