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

Merge branch 'fix-style-editors' into shigusegubu-themes3

Browse source
This commit is contained in:
Henry Jameson 2025-07-02 16:09:23 +03:00
commit e1649695c4
3 changed files with 18 additions and 5 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) {

5
src/components/settings_modal/tabs/style_tab/style_tab.js
View file

@ -694,7 +694,10 @@ 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
for (let i = styleSheet.cssRules.length - 1; i >= 0; --i) {