fix mobile view

16e8109c · Jonas Heinrich · 51a1d403 · 16e8109c · 16e8109c · 16e8109c
Commit 16e8109c authored Jan 05, 2018 by Jonas Heinrich
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 2 deletions

Makefile Makefile +5 -0

css/main.css css/main.css +1 -1

index.html index.html +2 -1

No files found.
--- a/Makefile
+++ b/Makefile
+deploy_staging:
+	scp -r * http-pub.pi:/var/www/ausstellung-virtuell.de/staging/
+
+deploy_master:
+	scp -r * http-pub.pi:/var/www/ausstellung-virtuell.de/master/
--- a/css/main.css
+++ b/css/main.css
@@ -151,7 +151,7 @@ h1, h2, h3, h4, h5, h6 {
    color: rgba(255,255,255,.5);
 }

-@media screen and (max-width: 44.001em) {
+@media only screen and (max-device-width: 480px) {

  .container {
    height:100vh;

--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@

  <head>
    <meta data-react-helmet="true" charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ausstellung-Virtuell | Folge und Varianz</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/player.css">
@@ -47,8 +48,8 @@
                <input type="range" id="volume-bar" value="100">
                <button type="button" class="icon full-screen" id="fullscreen">
                  <img class="icon-screen" src=images/icon_fullscreen.png>
-                  <!-- <span class="icon-screen" aria-hidden="true"></span> -->
                </button>
+                <!-- <span class="icon-screen" aria-hidden="true"></span> -->
                <div class="clearfix"></div>
              </div>
            </div>