From 9cbe67f6bc7e49c6b77f6e85e136cfefe06a87e9 Mon Sep 17 00:00:00 2001
From: Patrick <patrick.wuerstle@gmx.de>
Date: Tue, 24 Nov 2020 11:15:03 +0100
Subject: [PATCH] testing some mobile updates

---
 vcm/css/vcm.css                         | 2 +-
 vcm/index.html                          | 4 ++--
 vcm/templates/story/story.css           | 5 +++--
 vcm/templates/story/virtualcitystory.js | 6 +++++-
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css
index a9b6abbe8..a6c848168 100644
--- a/vcm/css/vcm.css
+++ b/vcm/css/vcm.css
@@ -1427,7 +1427,7 @@ a.monument{
   }
   .balloon-content {
     /* overflow: auto; */
-    max-height: 20rem;
+    max-height: 95%;
   }
   #balloon_logo01{
     width: 55%
diff --git a/vcm/index.html b/vcm/index.html
index 4c93b4c28..714ea7004 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -460,11 +460,11 @@
                 Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer finibus nisl sit amet feugiat convallis. Nunc consequat, ex sit amet pretium aliquet, magna nunc rhoncus elit, ut vestibulum tortor dolor sit amet turpis. Nullam neque nisi, rhoncus efficitur lacinia ut, ullamcorper sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida nibh quis congue. </p>
            
         </div> -->
-        <div id="UmfrageOne" class="SideInfo" style="display:none;">
+        <div id="UmfrageOne" class="SideInfo" style="display:none;height:90%">
 
             <p>Falls Sie Probleme mit der integrierten Version der Umfrage haben sollten, können Sie über diesen Link direkt darauf zugreifen:</p>
             <a href="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de">Umfrage</a> <br><br>
-            <iframe id="iframe" style="width: 95%; height:50em;margin-left:1em;margin-right:1em;border: none;" src="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de"></iframe>
+            <iframe id="iframe" style="width: 95%; height:88%;margin-left:1em;margin-right:1em;border: none;" src="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de"></iframe>
             
             <!-- <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
                 im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
diff --git a/vcm/templates/story/story.css b/vcm/templates/story/story.css
index 417168d26..18adc37a8 100644
--- a/vcm/templates/story/story.css
+++ b/vcm/templates/story/story.css
@@ -146,9 +146,10 @@ div.title-fill {
 
 #balloon-startscreen.balloon{
     position: absolute;
-    top: 20%;
+    top: 2%;
     left: 4%;
-	right: 4%;
+    right: 4%;
+    bottom:2%;
 }
 #erklImage{
     width:100%;
diff --git a/vcm/templates/story/virtualcitystory.js b/vcm/templates/story/virtualcitystory.js
index c5aa141f5..2b33c999d 100644
--- a/vcm/templates/story/virtualcitystory.js
+++ b/vcm/templates/story/virtualcitystory.js
@@ -139,9 +139,13 @@ if (checkagent() == true && framework.isMobile() == false){
 }
 
 if (framework.isMobile() == true){
-  var drop = document.getElementById("dropdownMain")
+    var drop = document.getElementById("dropdownMain")
      drop.classList.add('can-touch')
      drop.style.display = "none"; // add "can-touch" class to document root using classList API
+    var uone = document.getElementById("UmfrageOne");
+    uone.style.height = "90% !important"
+    var iframe = document.getElementById("iframe");
+    iframe.style.height = "88% !important"
 }
 // vcs.vcm.Framework.loadConfig("config.json");
 loadStoryConfig("templates/items.json", function(data) {
-- 
GitLab