From 705176ef6b826eeac42bb901607cf01b660522aa Mon Sep 17 00:00:00 2001 From: friebetill Date: Wed, 22 Feb 2023 11:56:48 +0800 Subject: [PATCH] Don't overwrite Obsidian CSS in a plugin --- src/components/modals/delete_file_modal.ts | 4 +++- src/components/modals/risky_action_modal.ts | 4 +++- styles.css | 8 ++------ 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/modals/delete_file_modal.ts b/src/components/modals/delete_file_modal.ts index 4abfb32..984a28b 100644 --- a/src/components/modals/delete_file_modal.ts +++ b/src/components/modals/delete_file_modal.ts @@ -33,7 +33,9 @@ export class DeleteFileModal extends Modal { `irreversible.`, }) - const buttonContainer = this.contentEl.createDiv('button-container') + const buttonContainer = this.contentEl.createDiv( + 'file-diff__button-container' + ) const deleteButton = buttonContainer.createEl('button', { text: 'Delete', diff --git a/src/components/modals/risky_action_modal.ts b/src/components/modals/risky_action_modal.ts index 6684185..6f594ff 100644 --- a/src/components/modals/risky_action_modal.ts +++ b/src/components/modals/risky_action_modal.ts @@ -20,7 +20,9 @@ export class RiskyActionModal extends Modal { `accepting of the associated risks.`, }) - const buttonContainer = this.contentEl.createDiv('button-container') + const buttonContainer = this.contentEl.createDiv( + 'file-diff__button-container' + ) const deleteButton = buttonContainer.createEl('button', { text: 'Accept Risk', diff --git a/styles.css b/styles.css index ae45147..b059381 100644 --- a/styles.css +++ b/styles.css @@ -9,14 +9,10 @@ padding: 0.1rem 0; } -.button-container { +.file-diff__button-container { text-align: right; } -button:focus-visible { - box-shadow: var(--input-shadow); -} - @media (prefers-color-scheme: light) { .file-diff__top-line__bg { background-color: #d9f4ef; @@ -69,7 +65,7 @@ button:focus-visible { /* Rename from py-0.5 to py-0-5, as dots aren't allowed in selector names */ .py-0-5 { padding-top: 0.125rem; /* 2px */ - padding-bottom: 0.125rem; /* 2px */ + padding-bottom: 0.125rem; /* 2px */ } .mr-2 {