Fix fullscreen layout on iOS

This commit is contained in:
Robin Linus 2016-01-01 18:06:27 +01:00
parent 2fd3da2920
commit 4e460089eb
5 changed files with 12 additions and 12 deletions

View file

@ -11,9 +11,6 @@
@apply(--layout-fit);
@apply(--layout-horizontal);
@apply(--layout-center-center);
overflow: hidden;
position: relative;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -45,7 +42,7 @@
.short {
font-size: 14px;
line-height: 18px;
line-height: 20px;
color: #505050;
}

View file

@ -8,7 +8,7 @@
@apply(--layout-center);
width: 360px;
position: absolute;
bottom: 24px;
bottom: 16px;
left: 50%;
margin-left: -180px;
}

View file

@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
<meta name="description" content="Snapdrop is the easiest way to send files accross devices">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">
<meta name="viewport" content="width=device-width initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="generator" content="Snapdrop">
<title>Snapdrop</title>
<link rel="shortcut icon" href="favicon.ico?v=2" />
@ -43,7 +43,7 @@
</script>
</head>
<body class="fullbleed layout vertical" loading>
<body class="layout vertical">
<script src="scripts/animated-bg.js" inline></script>
<span id="browser-sync-binding"></span>
<template is="dom-bind" id="app">

View file

@ -29,6 +29,6 @@ paper-progress {
top: 0;
}
neon-animated-pages{
height: 100%;
height: 100vh;
}
</style>

View file

@ -2,6 +2,8 @@ html,
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
body {
@ -9,4 +11,5 @@ body {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}