From f5124164a6c42cbfdaf32f2f7dcad7412992d161 Mon Sep 17 00:00:00 2001 From: nicolello-dev Date: Sat, 6 Jan 2024 17:40:16 +0100 Subject: [PATCH] Added background in reading view, updated to 1.2.0 and synced lockfile --- manifest.json | 2 +- package-lock.json | 4 ++-- package.json | 2 +- styles.css | 26 ++++++++++++++------------ 4 files changed, 18 insertions(+), 16 deletions(-) diff --git a/manifest.json b/manifest.json index 1f34f38..8e09df5 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "id": "background-image", "name": "Background Image", - "version": "1.1.0", + "version": "1.2.0", "minAppVersion": "0.15.0", "description": "This allows you to specify a remote URL as the background image, and a few settings to tweak the experience.", "author": "shmolf", diff --git a/package-lock.json b/package-lock.json index 5693299..85e4257 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "obsidian-editor-background", - "version": "1.0.0", + "version": "1.2.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "obsidian-editor-background", - "version": "1.0.0", + "version": "1.2.0", "license": "MIT", "devDependencies": { "@types/node": "^16.11.6", diff --git a/package.json b/package.json index 5b3b930..3c48587 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "obsidian-editor-background", - "version": "1.1.0", + "version": "1.2.0", "description": "This allows you to specify a remote URL as the background image, and an opacity percentage for the background image.", "main": "main.js", "scripts": { diff --git a/styles.css b/styles.css index 6d7b650..0b648d4 100644 --- a/styles.css +++ b/styles.css @@ -1,17 +1,19 @@ +.markdown-reading-view:before, .cm-editor:before { - content: ''; - background-blend-mode: overlay; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - width: 100%; - height: 100%; - position: absolute; - background-image: var(--obsidian-editor-background-image); - opacity: var(--obsidian-editor-background-opacity); - filter: var(--obsidian-editor-background-bluriness); + content: ""; + background-blend-mode: overlay; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + width: 100%; + height: 100%; + position: absolute; + background-image: var(--obsidian-editor-background-image); + opacity: var(--obsidian-editor-background-opacity); + filter: var(--obsidian-editor-background-bluriness); } +.markdown-reading-view, .cm-editor .cm-contentContainer { - background: var(--obsidian-editor-background-input-contrast); + background: var(--obsidian-editor-background-input-contrast); }