up

web/public/static/css/main.css

@@ -3924,14 +3924,8 @@ a.hasHover:hover, a:active {
     pointer-events: all;
     z-index: 50
 }
-#scrollFrame{
-    opacity: 0;
-    transition: all .3s;
-}
-.open #scrollFrame{
-    opacity: 1;
-}
-#drawer.open #scrollFrame{
+
+#drawer.open {
     height: 130px
 }
 
@@ -3952,7 +3946,7 @@ a.hasHover:hover, a:active {
 }
 
 #gui .pinBottom.open {
-    bottom: 140px
+    bottom: 150px
 }
 
 #gui .pinBottom.open.noScroll {
@@ -3972,7 +3966,7 @@ a.hasHover:hover, a:active {
 }
 
 #gui #drawer.playing, #gui .pinBottom.playing {
-    bottom: 40px
+    bottom: 20px
 }
 
 #thumb-container .thumbImg {
@@ -6314,7 +6308,7 @@ a.hasHover.tag-link:hover {
     display: block;
     width: 18px;
     height: 18px;
-    background: url("../images/4dage-logo.png")left top no-repeat;
+    background: url("../images/4dage-logo.png") left top no-repeat;
     background-size: 100%;
 }
 
@@ -6974,7 +6968,9 @@ a.hasHover.tag-link:hover {
 #vr{
     display: none !important;
 }
-
+#gui .pinBottom.open.noScroll.playing {
+    bottom: 100px;
+}
 
 }
 @media only screen and (max-width: 600px) {
@@ -7075,6 +7071,5 @@ a.hasHover.tag-link:hover {
 
 
 #model-title{
-    /* color: #fff; */
-    display: none!important;
+    color: #fff;
 }

web/src/views/gui/title.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pinTop left">
+  <div class="pinTop left" v-show="!isMobile">
                 <div id="model-title">
                     <div class="title-row">
                         <div id="title-toggle">