From cbf744beeda458db6204f98551eb996b762b3cbe Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 2 Jul 2025 10:52:37 +0300 Subject: [PATCH 1/2] how? --- public/static/empty.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/static/empty.css diff --git a/public/static/empty.css b/public/static/empty.css new file mode 100644 index 000000000..e69de29bb From 109975b3af8613fd0e5384aabd116584779629e7 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 2 Jul 2025 16:08:56 +0300 Subject: [PATCH 2/2] do the fallback for develop QoL --- index.html | 13 ++++++++++--- .../component_preview/component_preview.js | 5 ++++- .../settings_modal/tabs/style_tab/style_tab.js | 12 ++++-------- 3 files changed, 18 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 7f698b258..be9c0e886 100644 --- a/index.html +++ b/index.html @@ -15,9 +15,16 @@ - - - + + + + + + + + + + diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js index ae80ad947..5e25ded23 100644 --- a/src/components/component_preview/component_preview.js +++ b/src/components/component_preview/component_preview.js @@ -48,7 +48,10 @@ export default { this.$emit('update:shadow', { axis, value: Number(value) }) }, update () { - const styleEl = document.getElementById('component-style-holder') + let styleEl = document.getElementById('component-style-holder') + if (!styleEl.sheet) { + styleEl = document.getElementById('component-style-holder') + } const styleSheet = styleEl.sheet for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) { diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js index b318d35dd..ec397ec67 100644 --- a/src/components/settings_modal/tabs/style_tab/style_tab.js +++ b/src/components/settings_modal/tabs/style_tab/style_tab.js @@ -694,20 +694,16 @@ export default { return } - const styleEl = document.getElementById('editor-overall-holder') + let styleEl = document.getElementById('editor-overall-holder') + if (!styleEl.sheet) { + styleEl = document.getElementById('editor-overall-holder-link') + } const styleSheet = styleEl.sheet - console.log(styleSheet) - console.log('BEFORE', styleSheet.cssRules) for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) { styleSheet.deleteRule(i) } - styleSheet.insertRule([ - '#edited-style-preview {\n', - css.join('\n'), - '\n}' - ].join(''), 'index-max') styleSheet.insertRule([ '#edited-style-preview {\n', css.join('\n'),