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"
shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480"
xmlns:my="clr-namespace:WPCordovaClassLib">
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid x:Name="LayoutRoot" Background="Transparent" HorizontalAlignment="Stretch">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<my:CordovaView
HorizontalAlignment="Stretch"
Margin="1,0,0,0"
Margin="0,0,0,0"
x:Name="CordovaView"
VerticalAlignment="Stretch" />
</Grid>

View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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">
<link rel="stylesheet" type="text/css" href="css/foundation.css">
<link rel="stylesheet" type="text/css" href="icons/foundation-icons.css">

View File

@ -7,27 +7,6 @@
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; }
#qrcode-scanner-video {
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 {
color: #2C3E50;
color: #B7C2CD;
margin-bottom: 1.5rem;
height: 35px;
background: transparent;

View File

@ -28,6 +28,10 @@ input {
user-drag: none;
}
body, div, .row {
-webkit-overflow-scrolling: touch;
}
.enable_text_select {
-webkit-user-select: text;
-khtml-user-select: text;
@ -44,7 +48,7 @@ input {
body {
overflow: hidden;
-ms-content-zooming: none;
-ms-content-zooming: none;
}
/* Fix IE 10 */
@ -615,6 +619,22 @@ a.pin-button:active {
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-right.ng-enter, .animation-right.ng-leave {
-webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 250ms;