do the fallback for develop QoL

This commit is contained in:
Henry Jameson 2025-07-02 16:08:56 +03:00
commit 109975b3af
3 changed files with 18 additions and 12 deletions

View file

@ -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) {

View file

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