Fixes layout on WP8.1

This commit is contained in:
Gustavo Maximiliano Cortez 2015-01-15 21:35:31 -02:00
commit 1c502f53a0
8 changed files with 37 additions and 13 deletions

View file

@ -173,6 +173,7 @@ if [ $CURRENT_OS == "WP8" ]; then
checkOK checkOK
cp -vf wp/Properties/* $PROJECT/platforms/wp8/Properties/ cp -vf wp/Properties/* $PROJECT/platforms/wp8/Properties/
cp -vf wp/Package.appxmanifest $PROJECT/platforms/wp8/ cp -vf wp/Package.appxmanifest $PROJECT/platforms/wp8/
cp -vf wp/MainPage.xaml $PROJECT/platforms/wp8/
checkOK checkOK
cp -vf wp/Assets/* $PROJECT/platforms/wp8/Assets/ cp -vf wp/Assets/* $PROJECT/platforms/wp8/Assets/
cp -vf wp/SplashScreenImage.jpg $PROJECT/platforms/wp8/ cp -vf wp/SplashScreenImage.jpg $PROJECT/platforms/wp8/

View file

@ -31,12 +31,13 @@
SupportedOrientations="Portrait" Orientation="Portrait" SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480" shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480"
xmlns:my="clr-namespace:WPCordovaClassLib"> xmlns:my="clr-namespace:WPCordovaClassLib">
<Grid x:Name="LayoutRoot" Background="Transparent" HorizontalAlignment="Stretch"> <Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="*" /> <RowDefinition Height="*" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<my:CordovaView HorizontalAlignment="Stretch" <my:CordovaView
Margin="0,0,0,0" HorizontalAlignment="Stretch"
Margin="1,0,0,0"
x:Name="CordovaView" x:Name="CordovaView"
VerticalAlignment="Stretch" /> VerticalAlignment="Stretch" />
</Grid> </Grid>

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
cordova/wp/SplashScreenImage.jpg Normal file → Executable file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Before After
Before After

View file

@ -5,6 +5,10 @@
*/ */
@media (max-width: 1024px) { @media (max-width: 1024px) {
body {
overflow: hidden;
-ms-content-zooming: none;
}
.loading-screen { .loading-screen {
background-color: #2C3E50; background-color: #2C3E50;
@ -27,7 +31,7 @@
padding: 60px 0 80px 0; padding: 60px 0 80px 0;
} }
/* Fix IE */ /* Fix IE 10 */
.extra-margin-bottom { .extra-margin-bottom {
display: block display: block
height: 75px height: 75px
@ -35,6 +39,24 @@
clear: both clear: both
} }
.main {
height: 99%
overflow: auto
}
/* Fix IE 11 */
_:-ms-fullscreen, :root .extra-margin-bottom {
display: block;
height: 75px;
overflow: hidden;
clear: both;
}
_:-ms-fullscreen, :root .main {
height: 99%;
overflow: auto;
}
/* Fix Firefox */ /* Fix Firefox */
@-moz-document url-prefix() { @-moz-document url-prefix() {
.extra-margin-bottom { .extra-margin-bottom {

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="msapplication-tap-highlight" content="no"> <meta name="msapplication-tap-highlight" content="no">
<title>Copay - Multisignature Wallet</title> <title>Copay - Multisignature Wallet</title>
<style type="text/css"> <style type="text/css">