Fixed excluded folder list style issues

This commit is contained in:
Lost Paul 2023-07-26 22:10:19 +02:00
parent 9e8f1fe4e9
commit 1d51e12de6
3 changed files with 21 additions and 16 deletions

View file

@ -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,

View file

@ -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');

View file

@ -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;