diff --git a/keepassxc-browser/content/pwgen.js b/keepassxc-browser/content/pwgen.js index 0e22fea..71608f8 100644 --- a/keepassxc-browser/content/pwgen.js +++ b/keepassxc-browser/content/pwgen.js @@ -82,11 +82,9 @@ PasswordIcon.prototype.createIcon = function(field) { kpxcUI.setIconPosition(icon, field, this.rtl); this.icon = icon; - const styleSheet = document.createElement('link'); - styleSheet.setAttribute('rel', 'stylesheet'); - styleSheet.setAttribute('href', browser.runtime.getURL('css/pwgen.css')); - + const styleSheet = createStylesheet('css/pwgen.css'); const wrapper = document.createElement('div'); + this.shadowRoot = wrapper.attachShadow({ mode: 'closed' }); this.shadowRoot.append(styleSheet); this.shadowRoot.append(icon); diff --git a/keepassxc-browser/content/totp-field.js b/keepassxc-browser/content/totp-field.js index 424aa3f..70646aa 100644 --- a/keepassxc-browser/content/totp-field.js +++ b/keepassxc-browser/content/totp-field.js @@ -130,11 +130,9 @@ TOTPFieldIcon.prototype.createIcon = function(field, segmented = false) { kpxcUI.setIconPosition(icon, field, this.rtl, segmented); this.icon = icon; - const styleSheet = document.createElement('link'); - styleSheet.setAttribute('rel', 'stylesheet'); - styleSheet.setAttribute('href', browser.runtime.getURL('css/totp.css')); - + const styleSheet = createStylesheet('css/totp.css'); const wrapper = document.createElement('div'); + this.shadowRoot = wrapper.attachShadow({ mode: 'closed' }); this.shadowRoot.append(styleSheet); this.shadowRoot.append(icon); diff --git a/keepassxc-browser/content/username-field.js b/keepassxc-browser/content/username-field.js index 3f1ba92..5fa0f28 100644 --- a/keepassxc-browser/content/username-field.js +++ b/keepassxc-browser/content/username-field.js @@ -98,11 +98,9 @@ UsernameFieldIcon.prototype.createIcon = function(field) { kpxcUI.setIconPosition(icon, field, this.rtl); this.icon = icon; - const styleSheet = document.createElement('link'); - styleSheet.setAttribute('rel', 'stylesheet'); - styleSheet.setAttribute('href', browser.runtime.getURL('css/username.css')); - + const styleSheet = createStylesheet('css/username.css'); const wrapper = document.createElement('div'); + this.shadowRoot = wrapper.attachShadow({ mode: 'closed' }); this.shadowRoot.append(styleSheet); this.shadowRoot.append(icon); diff --git a/keepassxc-browser/manifest.json b/keepassxc-browser/manifest.json index 937c5d2..a816b98 100755 --- a/keepassxc-browser/manifest.json +++ b/keepassxc-browser/manifest.json @@ -1,8 +1,8 @@ { "manifest_version": 2, "name": "KeePassXC-Browser", - "version": "1.7.9.1", - "version_name": "1.7.9.1", + "version": "1.7.10", + "version_name": "1.7.10", "description": "__MSG_extensionDescription__", "author": "KeePassXC Team", "icons": { @@ -64,17 +64,6 @@ "content/totp-field.js", "content/username-field.js" ], - "css": [ - "css/autocomplete.css", - "css/banner.css", - "css/button.css", - "css/colors.css", - "css/define.css", - "css/notification.css", - "css/pwgen.css", - "css/totp.css", - "css/username.css" - ], "run_at": "document_idle", "all_frames": true } diff --git a/package-lock.json b/package-lock.json index 223813f..931409e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "KeePassXC-Browser", - "version": "1.7.4", + "version": "1.7.10", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "KeePassXC-Browser", - "version": "1.7.4", + "version": "1.7.10", "license": "GPL-3.0", "dependencies": { "file-url": "^3.0.0", diff --git a/package.json b/package.json index 61365af..02da724 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "KeePassXC-Browser", - "version": "1.7.9.1", + "version": "1.7.10", "description": "KeePassXC-Browser", "main": "build.js", "devDependencies": {