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'),