diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 49 | ||||
| -rwxr-xr-x | views/editor.ejs | 1 | ||||
| -rw-r--r-- | views/reader.ejs | 1 |
3 files changed, 27 insertions, 24 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 5891ad6..b4b07b5 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -3089,31 +3089,40 @@ a[data-role="forgot-password"] { .aboutRoom { display:none; } + .mx-scene{ + display:none; + } .mobile #scene:after{ - content: "Hello friend! For best viewing we suggest flipping your device sideways and spinning around in circles :)"; + content: "To view this room, flip your device sideways and spin around in circles :)"; z-index: 3; position: fixed; display: inline-block; - background: white; - width: 90%; - top: 50px; - left: 10px; + width: 300px; + top: 80px; + left: 6px; font-size: 27px; font-weight: 300; line-height: 50px; + border-top: 1px solid; border-bottom: 1px solid; - padding-bottom: 20px; + padding: 20px 0; + background-color:rgba(255,255,255,0.7); } +} +#threesixty { + display:none; + width:80px; + z-index: 3; + position: fixed; + bottom: 0; + right: 0; + pointer-events:none; } @media screen and (orientation:landscape) { - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } } @@ -3131,12 +3140,8 @@ a[data-role="forgot-password"] { .hero{ height: 500pt; } - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } #keyhint { display:none; @@ -3151,12 +3156,8 @@ a[data-role="forgot-password"] { .hero{ height: 500pt; } - .mobile #scene:after{ - content:url(/assets/img/360.png); - z-index: 3; - position: fixed; - bottom: -3px; - right: -3px; + #threesixty { + display:inline; } #keyhint { display:none; diff --git a/views/editor.ejs b/views/editor.ejs index efc4b9d..656615c 100755 --- a/views/editor.ejs +++ b/views/editor.ejs @@ -35,6 +35,7 @@ </div> </div> + <img src="/assets/img/keys.png" id="keyhint"> </div> diff --git a/views/reader.ejs b/views/reader.ejs index 09b702e..363015b 100644 --- a/views/reader.ejs +++ b/views/reader.ejs @@ -28,6 +28,7 @@ [[ include projects/layouts-modal ]] [[ include partials/sign-in ]] <img src="/assets/img/keys.png" id="keyhint"> +<img src="/assets/img/360.png" id="threesixty"> </body> [[ include partials/scripts ]] </html> |