style: move inline styles to css file

main.ts

@@ -17,7 +17,7 @@ export default class IBookHighlightsPlugin extends Plugin {
 
 	async onload() {
 		await this.loadSettings();
-		const ribbonIconEl = this.addRibbonIcon('book-open', pluginName, async () => {
+		this.addRibbonIcon('book-open', pluginName, async () => {
 			await this.importHighlights().then(() => {
 				new Notice('Apple Books highlights imported successfully');
 			}).catch((error) => {
@@ -26,8 +26,6 @@ export default class IBookHighlightsPlugin extends Plugin {
 			});
 		});
 
-		ribbonIconEl.addClass('my-plugin-ribbon-class');
-
 		this.addSettingTab(new IBookHighlightsSettingTab(this.app, this));
 
 		this.addCommand({

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "apple-books-import-highlights",
 	"name": "Apple Books - Import Highlights",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"minAppVersion": "0.15.0",
 	"description": "Import your Apple Books highlights and notes to Obsidian.",
 	"author": "bandantonio",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-apple-books-highlights-plugin",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"description": "Import highlights and notes from your Apple Books to Obsidian",
 	"main": "main.js",
 	"scripts": {

src/settings.ts

@@ -49,9 +49,6 @@ class IBookHighlightsSettingTab extends PluginSettingTab {
             .setDesc('Template for highlight files')
             .setClass("ibooks-highlights-template")
             .addTextArea((text) => {
-                text.inputEl.style.width = '100%';
-                text.inputEl.style.height = '300px';
-                text.inputEl.style.overflow = 'auto';
                 text
                     .setPlaceholder('Template')
                     .setValue(this.plugin.settings.template)

styles.css

@@ -1,8 +1,5 @@
-/*
-
-This CSS file will be included with your plugin, and
-available in the app when your plugin is enabled.
-
-If your plugin does not need CSS, delete this file.
-
-*/
+.ibooks-highlights-template > .setting-item-control > textarea {
+    width: 100%;
+    height: 350px;
+    overflow: auto;
+}

versions.json

@@ -1,3 +1,4 @@
 {
-	"1.0.0": "0.15.0"
+	"1.0.0": "0.15.0",
+	"1.0.1": "0.15.0"
 }