Update live preview custom CSS on input event

1 files changed, 6 insertions, 0 deletions

diff --git a/ext/bg/js/settings.js b/ext/bg/js/settings.js
index f09b35d9..b98754ab 100644
--- a/ext/bg/js/settings.js
+++ b/ext/bg/js/settings.js
@@ -280,6 +280,7 @@ function showAppearancePreview() {
     const buttonContainer = $('#settings-popup-preview-button-container');
     const settings = $('#settings-popup-preview-settings');
     const text = $('#settings-popup-preview-text');
+    const customCss = $('#custom-popup-css');
 
     const frame = document.createElement('iframe');
     frame.src = '/bg/settings-popup-preview.html';
@@ -292,6 +293,11 @@ function showAppearancePreview() {
         const params = {text: text.val()};
         frame.contentWindow.postMessage({action, params}, '*');
     });
+    customCss.on('input', () => {
+        const action = 'setCustomCss';
+        const params = {css: customCss.val()};
+        frame.contentWindow.postMessage({action, params}, '*');
+    });
 
     container.append(frame);
     buttonContainer.remove();