Browse Source

fix(Safari): Fix zoomed in mobile interface and cropped tile

master
Mihai-Andrei Uscat 4 years ago
parent
commit
3f93726c41
No account linked to committer's email address
2 changed files with 3 additions and 2 deletions
  1. 2
    1
      css/filmstrip/_tile_view.scss
  2. 1
    1
      index.html

+ 2
- 1
css/filmstrip/_tile_view.scss View File

15
         box-sizing: border-box;
15
         box-sizing: border-box;
16
         display: flex;
16
         display: flex;
17
         flex-direction: column;
17
         flex-direction: column;
18
-        height: 100vh;
18
+        height: 100%;
19
         width: 100vw;
19
         width: 100vw;
20
     }
20
     }
21
 
21
 
88
         box-sizing: border-box;
88
         box-sizing: border-box;
89
         display: flex;
89
         display: flex;
90
         flex-wrap: wrap;
90
         flex-wrap: wrap;
91
+        flex-shrink: 0;
91
         margin-top: auto;
92
         margin-top: auto;
92
         margin-bottom: auto;
93
         margin-bottom: auto;
93
         justify-content: center;
94
         justify-content: center;

+ 1
- 1
index.html View File

3
     <!--#include virtual="head.html" -->
3
     <!--#include virtual="head.html" -->
4
     <meta charset="utf-8">
4
     <meta charset="utf-8">
5
     <meta http-equiv="content-type" content="text/html;charset=utf-8">
5
     <meta http-equiv="content-type" content="text/html;charset=utf-8">
6
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
7
     <meta name="theme-color" content="#2A3A4B">
7
     <meta name="theme-color" content="#2A3A4B">
8
     <!--#include virtual="base.html" -->
8
     <!--#include virtual="base.html" -->
9
 
9
 

Loading…
Cancel
Save