From 6b3260e8eb5eeadbfda96641743e0a32df6e36a4 Mon Sep 17 00:00:00 2001
From: patri <patri@DESKTOP-U7ROG2K.local>
Date: Tue, 6 Jul 2021 12:08:02 +0200
Subject: [PATCH] update mobile screen

---
 vcm/css/vcm.css               |  7 ++++++-
 vcm/css/vcm_info.css          |  4 +++-
 vcm/index.html                |  2 ++
 vcm/js/updown.js              | 33 +++++++++++++++++++++++++++++++++
 vcm/templates/story/story.css |  3 +++
 5 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 vcm/js/updown.js

diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css
index 0032a4b45..47b611d36 100644
--- a/vcm/css/vcm.css
+++ b/vcm/css/vcm.css
@@ -1149,6 +1149,9 @@ div.content-layer-wrap.center span.feature-list-street:after{
 
 
 @media screen and (min-width:48em) {
+  #updown{
+    display: none !important;
+  }
   .vcm-map-top {
     top: 5.5rem;
   }
@@ -1404,7 +1407,9 @@ a.monument{
 }
 
 @media screen and (min-width:48em /*768px*/) {
-
+  #updown{
+    display: none !important;
+  }
     #balloonContainer {
         /*width: 0px;
         height: 0px;*/
diff --git a/vcm/css/vcm_info.css b/vcm/css/vcm_info.css
index 20f48fc97..e0cdb22d8 100644
--- a/vcm/css/vcm_info.css
+++ b/vcm/css/vcm_info.css
@@ -368,7 +368,9 @@ body {
   }
 }
   @media screen and (min-width:48em /*768px*/) {
-
+    #updown{
+      display: none !important;
+    }
     .hide-for-mobile,
     .content-box h3:first-child{
       display: block;
diff --git a/vcm/index.html b/vcm/index.html
index 073a70575..afe956148 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -178,6 +178,7 @@
       <!-- End of: Content Start Screen -->
       <!-- Content Tour -->
       <div id="tour-frame" style="display: none; overflow-y: scroll;">
+        <div id="updown" onclick="changesize()" style="display: block; font-size: 60px; padding-left: 48%; margin-right: -50%; margin-top: -65px; margin-bottom: 5px;">&#129169</div>
           <div class="tour-top-navi"  style="z-index:99">
              <a href="#" onclick="Introshow();setpositionVAR(false);zoomto('IntroProj')" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Info</a>
              <a href="#" onclick="zoomto('ProjektePage');Projektshow()" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Projekte</a>
@@ -866,5 +867,6 @@
                   crossorigin="anonymous"></script>
     <script src="templates/story/virtualcitystory.js"></script>
     <script src="js/DragnDrop.js"></script> 
+    <script src="js/updown.js"></script> 
   </body>
 </html>
diff --git a/vcm/js/updown.js b/vcm/js/updown.js
new file mode 100644
index 000000000..2c6269b03
--- /dev/null
+++ b/vcm/js/updown.js
@@ -0,0 +1,33 @@
+function changesize(){
+    
+    var updown = document.getElementById("updown")
+    
+    if (updown.innerHTML == "🢑"){
+        document.getElementById("story-frame").style.top = "0%";
+        updown.innerHTML = "&#129171"
+
+        document.getElementById("updown").style.fontSize = "60px";
+        document.getElementById("updown").style.paddingLeft =  "48%";
+        document.getElementById("updown").style.marginRight= "-50%";
+        document.getElementById("updown").style.marginTop = "0px";
+        // document.getElementById("updown").style.backgroundColor = "lightgrey";
+        
+
+        document.getElementById("updown").style.height = "0px";
+        document.getElementById("updown").style.paddingBottom = "30px";
+
+    } else if (updown.innerHTML == "🢓"){
+        document.getElementById("story-frame").style.top = "50%";
+        updown.innerHTML = "&#129169"
+
+        document.getElementById("updown").style.fontSize = "60px";
+        document.getElementById("updown").style.paddingLeft =  "48%";
+        document.getElementById("updown").style.marginRight= "-50%"; 
+        document.getElementById("updown").style.marginTop = "-65px"; 
+        // document.getElementById("updown").style.backgroundColor = "lightgrey"; 
+        document.getElementById("updown").style.marginBottom = "5px";
+        document.getElementById("updown").style.height = "auto";
+        document.getElementById("updown").style.paddingBottom = "0px";
+
+    }
+}
\ No newline at end of file
diff --git a/vcm/templates/story/story.css b/vcm/templates/story/story.css
index 30be07602..e24138695 100644
--- a/vcm/templates/story/story.css
+++ b/vcm/templates/story/story.css
@@ -312,6 +312,9 @@ div.title-fill {
     content: "\f060";
 }
 @media screen and (min-width:48em /*768px*/) {
+    #updown{
+        display: none !important;
+      }
 	.vcs_map_container{
 		bottom: 0px;
 		right: 45%
-- 
GitLab