From 2bb1350bf641591d9cdb5e4cce573e6e97c02ff0 Mon Sep 17 00:00:00 2001 From: jlukic Date: Thu, 26 Sep 2013 23:58:43 -0400 Subject: [PATCH] adds work from svenkatreddy to fix ios form fields --- build/less/collections/form.less | 4 ++++ build/uncompressed/collections/form.css | 3 +++ node/src/files/build/less/collections/form.less | 4 ++++ node/src/files/build/uncompressed/collections/form.css | 3 +++ src/collections/form.less | 4 ++++ 5 files changed, 18 insertions(+) diff --git a/build/less/collections/form.less b/build/less/collections/form.less index c5e4680e9..5a592ce67 100644 --- a/build/less/collections/form.less +++ b/build/less/collections/form.less @@ -121,6 +121,7 @@ -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; @@ -207,6 +208,8 @@ border-bottom-left-radius: 0; border-top-left-radius: 0; + -webkit-appearance: none; + -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; @@ -264,6 +267,7 @@ border-color: rgba(255, 80, 80, 1); color: rgba(255, 80, 80, 1); + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; box-shadow: 0.3em 0em 0em 0em #FF5050 inset; diff --git a/build/uncompressed/collections/form.css b/build/uncompressed/collections/form.css index e6dba24e4..ec3150191 100644 --- a/build/uncompressed/collections/form.css +++ b/build/uncompressed/collections/form.css @@ -78,6 +78,7 @@ -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -148,6 +149,7 @@ border-color: rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-top-left-radius: 0; + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; @@ -195,6 +197,7 @@ .ui.form .field.error input[type="password"]:focus { border-color: #ff5050; color: #ff5050; + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; box-shadow: 0.3em 0em 0em 0em #FF5050 inset; diff --git a/node/src/files/build/less/collections/form.less b/node/src/files/build/less/collections/form.less index c5e4680e9..5a592ce67 100644 --- a/node/src/files/build/less/collections/form.less +++ b/node/src/files/build/less/collections/form.less @@ -121,6 +121,7 @@ -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; @@ -207,6 +208,8 @@ border-bottom-left-radius: 0; border-top-left-radius: 0; + -webkit-appearance: none; + -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; @@ -264,6 +267,7 @@ border-color: rgba(255, 80, 80, 1); color: rgba(255, 80, 80, 1); + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; box-shadow: 0.3em 0em 0em 0em #FF5050 inset; diff --git a/node/src/files/build/uncompressed/collections/form.css b/node/src/files/build/uncompressed/collections/form.css index e6dba24e4..ec3150191 100644 --- a/node/src/files/build/uncompressed/collections/form.css +++ b/node/src/files/build/uncompressed/collections/form.css @@ -78,6 +78,7 @@ -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -148,6 +149,7 @@ border-color: rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-top-left-radius: 0; + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; @@ -195,6 +197,7 @@ .ui.form .field.error input[type="password"]:focus { border-color: #ff5050; color: #ff5050; + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; box-shadow: 0.3em 0em 0em 0em #FF5050 inset; diff --git a/src/collections/form.less b/src/collections/form.less index c5e4680e9..5a592ce67 100755 --- a/src/collections/form.less +++ b/src/collections/form.less @@ -121,6 +121,7 @@ -moz-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset; + -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; @@ -207,6 +208,8 @@ border-bottom-left-radius: 0; border-top-left-radius: 0; + -webkit-appearance: none; + -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset; @@ -264,6 +267,7 @@ border-color: rgba(255, 80, 80, 1); color: rgba(255, 80, 80, 1); + -webkit-appearance: none; -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; -moz-box-shadow: 0.3em 0em 0em 0em #FF5050 inset; box-shadow: 0.3em 0em 0em 0em #FF5050 inset;