Merge pull request #5699 from Countly/content-builder-dynamic-class

feat: Added dynamics class on content-layout
Countly · Oct 22, 2024 · 2a064c2 · 2a064c2
2 parents 1c96f1e + ac2f631
commit 2a064c2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/frontend/express/public/javascripts/countly/vue/components/content.js b/frontend/express/public/javascripts/countly/vue/components/content.js
@@ -2,6 +2,11 @@
 (function(countlyVue) {
     Vue.component("cly-content-layout", countlyVue.components.create({
         props: {
+            popperClass: {
+                type: String,
+                required: false,
+                default: null
+            },
             backgroundColor: {
                 type: String,
                 required: false,
@@ -15,6 +20,9 @@
             };
         },
         computed: {
+            containerClass() {
+                return this.popperClass || 'cly-vue-content-builder__layout-main';
+            }
         },
         template: CV.T('/javascripts/countly/vue/templates/content/content.html'),
         methods: {
@@ -148,11 +156,6 @@
 
     Vue.component("cly-content-body", countlyVue.components.create({
         props: {
-            currentTab: {
-                type: String,
-                required: false,
-                default: null
-            },
             hideLeftSidebar: {
                 type: Boolean,
                 required: false,

diff --git a/frontend/express/public/javascripts/countly/vue/templates/content/content.html b/frontend/express/public/javascripts/countly/vue/templates/content/content.html
@@ -3,7 +3,7 @@
         <slot name="content-layout-header" :background-color="backgroundColor">
         </slot>
     </div>
-    <div class="cly-vue-content-builder__layout-main" :style="{'background-color': backgroundColor}">
+    <div :class="containerClass" :style="{'background-color': backgroundColor}">
         <slot name="content-layout-body"></slot>
     </div>
 </div>