From acb5eec98b9fd8e918663f69eb2f874ebb922974 Mon Sep 17 00:00:00 2001 From: Gustavo Maximiliano Cortez Date: Tue, 14 Apr 2015 01:15:18 -0300 Subject: [PATCH] Fix Layout for wp8. Fix placeholder for inputs --- cordova/wp/MainPage.xaml | 4 ++-- public/index.html | 2 +- src/css/main.css | 23 +---------------------- src/css/mobile.css | 22 +++++++++++++++++++++- 4 files changed, 25 insertions(+), 26 deletions(-) diff --git a/cordova/wp/MainPage.xaml b/cordova/wp/MainPage.xaml index 10a9fbbd3..5ce3fa006 100644 --- a/cordova/wp/MainPage.xaml +++ b/cordova/wp/MainPage.xaml @@ -31,13 +31,13 @@ SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480" xmlns:my="clr-namespace:WPCordovaClassLib"> - + diff --git a/public/index.html b/public/index.html index 7ad7f249b..ddf8e7753 100644 --- a/public/index.html +++ b/public/index.html @@ -3,7 +3,7 @@ - + diff --git a/src/css/main.css b/src/css/main.css index 812a0e88f..16e9b9202 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -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; diff --git a/src/css/mobile.css b/src/css/mobile.css index 8c1f25e83..8a6c707c9 100644 --- a/src/css/mobile.css +++ b/src/css/mobile.css @@ -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;