update mobile screen

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;*/

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;

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>

vcm/js/updown.js

+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

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%