From 9f263ec657f737a799bfc493a31d2ed130d68f20 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 26 Jul 2022 15:53:33 +0200
Subject: [PATCH] Fix iframe height for WBT

---
 client/src/components/circle/LearningContent.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/components/circle/LearningContent.vue b/client/src/components/circle/LearningContent.vue
index 3df552b7..d0bce5e5 100644
--- a/client/src/components/circle/LearningContent.vue
+++ b/client/src/components/circle/LearningContent.vue
@@ -82,5 +82,14 @@ const block = computed(() => {
 
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+
+  $header-height: 77px;
+  $footer-height: 57px;
+
+  $content-height: $header-height + $footer-height;
+
+  .h-screen {
+    height: calc(100vh - $content-height);
+  }
 </style>