blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-10-12 15:04:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

compat component add/remove css class via lifecycle hooks to apply compat specific rules

Browse Source
This commit is contained in:
Harald Bamberger
2026-10-06 15:22:16 +02:00
parent 88b49b70e9
commit 784e5693b4
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/Cis4/Cis.css
+5
View File
@@ -7,6 +7,11 @@ html {
font-size: 0.875em; font-size: 0.875em;
} }
body.compat,
body.compat main#cis-main {
background-color: #fff;
}
.fhc-dark-bg{ .fhc-dark-bg{
background-color: var(--fhc-dark); background-color: var(--fhc-dark);
color:var(--fhc-light) !important; color:var(--fhc-light) !important;
public/js/components/Cis/Compat.js
+6
View File
@@ -16,9 +16,15 @@ export default {
return this.mode + '#' + this.path + '#' + this.query_string; return this.mode + '#' + this.path + '#' + this.query_string;
} }
}, },
beforeMount: function() {
document.body.classList.add('compat');
},
mounted: function() { mounted: function() {
this.srcUrl = this.buildSrcUrl(); this.srcUrl = this.buildSrcUrl();
}, },
beforeUnmount: function() {
document.body.classList.remove('compat');
},
watch: { watch: {
propsWatchHelper: function() { propsWatchHelper: function() {
if(this.lastLoadediFrameURL === '') { if(this.lastLoadediFrameURL === '') {