alex/yomichan
1
Fork 0
Code Releases Activity

Popup preview fixes (#948)

Browse Source 
* Select just the text node and not its container

* Make background color transparent by default
This commit is contained in:
toasted-nutbread 2020-10-20 20:53:18 -04:00 committed by GitHub
parent ecbac2c5ea
commit 9bda0a9eb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ext/bg/css/popup-preview.css
View File

@ -16,16 +16,13 @@
*/
html {
--text-color: #333333;
--background-color: #ffffff;
--theme-transition: background-color 0.25s linear 0s, color 0.25s linear 0s;
transition: var(--theme-transition);
background-color: var(--background-color);
color: var(--text-color);
transition: background-color 0.25s linear 0s, color 0.25s linear 0s;
background-color: rgba(255, 255, 255, 0);
color: #333333;
}
html.dark {
--text-color: #d4d4d4;
--background-color: #1e1e1e;
color: #d4d4d4;
background-color: #1e1e1e;
}
html,
body {
@ -99,7 +96,9 @@ body {
top: 0;
right: 0;
bottom: 0;
background-color: var(--background-color);
}
.example-text-input:not([hidden])+.example-text {
visibility: hidden;
}
.popup-placeholder {

2
ext/bg/js/settings/popup-preview-frame.js
View File

@ -224,7 +224,7 @@ class PopupPreviewFrame {
if (textNode === null) { return; }
const range = document.createRange();
range.selectNode(textNode);
range.selectNodeContents(textNode);
const source = new TextSourceRange(range, range.toString(), null, null);
try {