hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

do the fallback for develop QoL

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

13
index.html
View file

@ -15,9 +15,16 @@
<link rel="stylesheet" id="pleroma-lazy-styles" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="theme-holder" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="theme-preview-holder" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="component-style-holder" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="editor-overall-holder" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="old-editor-overall-holder" type="text/css" href="/static/empty.css" />
<!-- These seem to work better in dev mode but don't work at all with strict CSP -->
<style rel="stylesheet" id="component-style-holder"></style>
<style rel="stylesheet" id="editor-overall-holder"></style>
<style rel="stylesheet" id="old-editor-overall-holder"></style>
<!-- These work with strict CSP... somehow -->
<link rel="stylesheet" id="component-style-holder-link" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="editor-overall-holder-link" type="text/css" href="/static/empty.css" />
<link rel="stylesheet" id="old-editor-overall-holder-link" type="text/css" href="/static/empty.css" />
<!--server-generated-meta-->
</head>
<body>

5
src/components/component_preview/component_preview.js
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) {

12
src/components/settings_modal/tabs/style_tab/style_tab.js
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'),