From 835018425fc3fc8e47beba43a81f6cc13844180e Mon Sep 17 00:00:00 2001
From: Mara <mara-li@outlook.fr>
Date: Tue, 14 Feb 2023 20:14:37 +0100
Subject: [PATCH] fix: placeholder invisible

---
 plugin/interface.ts |  2 +-
 plugin/modal.ts     | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/plugin/interface.ts b/plugin/interface.ts
index 250ef82..319d4d4 100644
--- a/plugin/interface.ts
+++ b/plugin/interface.ts
@@ -53,7 +53,7 @@ export const DEFAULT_FOLDER_SETTINGS: FolderSettings = {
 		type: TemplateType.none,
 		format: "",
 		position: Position.append,
-		separator: " ",
+		separator: "",
 	},
 	fileName: "Untitled",
 	opening: DefaultOpening.newTab,
diff --git a/plugin/modal.ts b/plugin/modal.ts
index d7bbc95..4c13a15 100644
--- a/plugin/modal.ts
+++ b/plugin/modal.ts
@@ -33,6 +33,7 @@ export class AddFolderModal extends Modal {
 			.setDesc(desc)
 			.addText(cb => {
 				cb
+					.setPlaceholder("YYYY-MM-DD")
 					.setValue(this.result.template.format)
 					.onChange((value) => {
 						this.result.template.format = value as string;
@@ -51,6 +52,7 @@ export class AddFolderModal extends Modal {
 			} else if (TemplateType.folderName === this.result.template.type) {
 				this.result.template.format = this.result.path.split("/").pop() as string;
 			}
+			
 			new Setting(contentEl)
 				.setName(t("template.position.title") as string)
 				.addDropdown(cb => {
@@ -62,14 +64,14 @@ export class AddFolderModal extends Modal {
 							this.result.template.position = value as Position;
 						});
 				})
+			
 				.addText(cb => {
-					cb.inputEl.classList.add("input-small");
-					cb
-						.setPlaceholder(t("template.separator") as string)
-						.setValue(this.result.template.separator)
-						.onChange((value) => {
-							this.result.template.separator = value as string;
-						});
+					cb.inputEl.style.width = "30%";
+					cb.setPlaceholder(t("template.separator") as string);
+					cb.setValue(this.result.template.separator);
+					cb.onChange((value) => {
+						this.result.template.separator = value as string;
+					});
 				});
 		}
 		return paramName;