From 784e5693b412338f5a748d794f8ceac79aa8c3f3 Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Tue, 6 Oct 2026 15:22:16 +0200
Subject: [PATCH] compat component add/remove css class via lifecycle hooks to
 apply compat specific rules

---
 public/css/Cis4/Cis.css            | 5 +++++
 public/js/components/Cis/Compat.js | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index effee2cbb..2a7329d69 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -7,6 +7,11 @@ html {
   font-size: 0.875em;
 }
 
+body.compat,
+body.compat main#cis-main {
+	background-color: #fff;
+}
+
 .fhc-dark-bg{
 	background-color: var(--fhc-dark);
 	color:var(--fhc-light) !important;
diff --git a/public/js/components/Cis/Compat.js b/public/js/components/Cis/Compat.js
index e6fb653f7..40f14ddb9 100644
--- a/public/js/components/Cis/Compat.js
+++ b/public/js/components/Cis/Compat.js
@@ -16,9 +16,15 @@ export default {
 			return this.mode + '#' + this.path + '#' + this.query_string;
 		}
 	},
+	beforeMount: function() {
+		document.body.classList.add('compat');
+	},
 	mounted: function() {
 		this.srcUrl = this.buildSrcUrl();
 	},
+	beforeUnmount: function() {
+		document.body.classList.remove('compat');
+	},
 	watch: {
 		propsWatchHelper: function() {
 			if(this.lastLoadediFrameURL === '') {