Fix Layout for wp8. Fix placeholder for inputs

This commit is contained in:
Gustavo Maximiliano Cortez 2015-04-14 01:15:18 -03:00
parent 8fdb24652f
commit acb5eec98b
4 changed files with 25 additions and 26 deletions

View File

@ -31,13 +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"> <Grid x:Name="LayoutRoot" Background="Transparent" HorizontalAlignment="Stretch">
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="*" /> <RowDefinition Height="*" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<my:CordovaView <my:CordovaView
HorizontalAlignment="Stretch" HorizontalAlignment="Stretch"
Margin="1,0,0,0" Margin="0,0,0,0"
x:Name="CordovaView" x:Name="CordovaView"
VerticalAlignment="Stretch" /> VerticalAlignment="Stretch" />
</Grid> </Grid>

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, maximum-scale=1, minimum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="msapplication-tap-highlight" content="no"> <meta name="msapplication-tap-highlight" content="no">
<link rel="stylesheet" type="text/css" href="css/foundation.css"> <link rel="stylesheet" type="text/css" href="css/foundation.css">
<link rel="stylesheet" type="text/css" href="icons/foundation-icons.css"> <link rel="stylesheet" type="text/css" href="icons/foundation-icons.css">

View File

@ -7,27 +7,6 @@
color: #2C3E50; color: #2C3E50;
} }
body, div, .row {
-webkit-overflow-scrolling: touch;
};
::-webkit-input-placeholder {
color: #B7C2CD;
}
:-moz-placeholder { /* Firefox 18- */
color: #B7C2CD;
}
::-moz-placeholder { /* Firefox 19+ */
color: #B7C2CD;
}
:-ms-input-placeholder {
color: #B7C2CD;
}
#qr-canvas { display: none; } #qr-canvas { display: none; }
#qrcode-scanner-video { #qrcode-scanner-video {
display: block; display: block;
@ -526,7 +505,7 @@ input {
} }
input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
color: #2C3E50; color: #B7C2CD;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
height: 35px; height: 35px;
background: transparent; background: transparent;

View File

@ -28,6 +28,10 @@ input {
user-drag: none; user-drag: none;
} }
body, div, .row {
-webkit-overflow-scrolling: touch;
}
.enable_text_select { .enable_text_select {
-webkit-user-select: text; -webkit-user-select: text;
-khtml-user-select: text; -khtml-user-select: text;
@ -44,7 +48,7 @@ input {
body { body {
overflow: hidden; overflow: hidden;
-ms-content-zooming: none; -ms-content-zooming: none;
} }
/* Fix IE 10 */ /* Fix IE 10 */
@ -615,6 +619,22 @@ a.pin-button:active {
padding-top: 1rem; padding-top: 1rem;
} }
::-webkit-input-placeholder {
color: #B7C2CD;
}
:-moz-placeholder { /* Firefox 18- */
color: #B7C2CD;
}
::-moz-placeholder { /* Firefox 19+ */
color: #B7C2CD;
}
:-ms-input-placeholder {
color: #B7C2CD;
}
.animation-left.ng-enter, .animation-left.ng-leave, .animation-left.ng-enter, .animation-left.ng-leave,
.animation-right.ng-enter, .animation-right.ng-leave { .animation-right.ng-enter, .animation-right.ng-leave {
-webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 250ms; -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 250ms;