diff --git a/content.js b/content.js index be0c2a5140e2d2d4b96c42df973e13a8c442c811..95d2d7b35de927e8860a82bd7c2c91798067a270 100644 --- a/content.js +++ b/content.js @@ -483,13 +483,25 @@ function audioEvent() { function pureCss() { chrome.storage.local.get(['all'], function (result) { if (result.all.length > 0) { + const elements = document.getElementsByClassName('CSSLSD'); + while(elements.length > 0){ + elements[0].parentNode.removeChild(elements[0]); + } result.all.forEach(element => { element.templates.forEach(template => { if (template.type == 'pure') { - let els = document.querySelectorAll(element.element); - els.forEach(e => { - e.style[element.property] = element.value; - }); + if (element.element.includes(':after') || element.element.includes(':before')) { + var elemDiv = document.createElement('style'); + elemDiv.innerText = element.element + '{' + element.property + ':' + element.value + ';}'; + elemDiv.className = 'CSSLSD'; + document.body.appendChild(elemDiv); + } + else { + let els = document.querySelectorAll(element.element); + els.forEach(e => { + e.style[element.property] = element.value; + }); + } } }); }); diff --git a/main.js b/main.js index a37cb4ff9bfd30dff6deb45239b9b05b3fc07de8..2844aee083848d779da4efe2042d340e31063d4e 100644 --- a/main.js +++ b/main.js @@ -193,7 +193,7 @@ function saveParameters() { */ function analyseAll() { var isParameter = false; - chrome.storage.local.get(['parameters', 'css'], function (result) { + chrome.storage.local.get(['parameters', 'css', 'debug'], function (result) { var all = []; var parser = new CSSParser(); var sheet = parser.parse(result.css, false, false); @@ -211,14 +211,12 @@ function analyseAll() { cssValue.indexOf("[") + 1, cssValue.indexOf("]") ); - console.log(template); cssValue = cssValue.replace("[" + template + "]", ""); var parameters = JSON.parse(result.parameters); parameters.forEach(p => { templateSplited = template.split(' '); if (p[1] == templateSplited[0]) { isParameter = true; - console.log(isParameter); if (p[4] != "") { p[4].split(' ').forEach(midiE => { var obj = { @@ -325,6 +323,8 @@ function analyseAll() { }); } chrome.storage.local.set({ all: all }); + if (result.debug) + console.log(all); }); } @@ -467,7 +467,6 @@ $('#upload').on('change', function () { reader.onload = function (e) { const jsonStr = e.target.result; const jsonObj = JSON.parse(jsonStr); - console.log(jsonObj); chrome.storage.local.set({ css: jsonObj[0] }); chrome.storage.local.set({ parameters: jsonObj[1] }); editor.setValue(jsonObj[0]);